Skip to content
Grav 2.0 is officially stable. Read the announcement →

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Showcase

RAD AB, SCHRAUBE LOCKER - "excessive" use of cards - pimped, minimal quark theme

first-time

Started by andré 6 years ago · 4 replies · 790 views
6 years ago

Hey everyone,

here is my first grav site - it is based on quark - but trimmed down to the bare minimum - so that becomes a pimped, minimalistic revision - that combines photos and text into clean site.

thank you so much - for everything. grav is great and although i am more or less a noob - i managed to implement a feature rich site that is not just posting things one after the other but making use of tags in order to show the cards in different contexts.

https://rad-ab.org/

it was and is a pleasure working with grav. thanks.

andré

👍 1
6 years ago

@anderer, Congrats!

Few suggestions:

  • Your second column has margin-top: 5rem, any reason why?
  • Using Grav's Asset Manager, you can combine/minify multiple css files and js files into a single css and js file. Performance might benefit from that.
6 years ago

@pamtbaau - thanks!

  • the second column is set down a bit - for aesthetical reasons - personally it was just driving me nuts seeing them aligned to the top : ) ...and showing it to others they also preferred the little off-set

  • YES, thanks for referring to Asset Manager - I have seen these notices in PageSpeed/Lighthouse but I had not time to resolve them - now it runs really smoothly with 98/100 and there are just some minor complaints

so far I worked with wordpress and mediawiki over the past 10 years and grav is just a charm!

thanks

andré

6 years ago

@anderer, I get the aesthetics...

I presume the margin-left: 1rem is also for aesthetics?

The margin-top and margin-left are however not needed when only 1 column is shown.

Maybe the following media query might be useful:

CSS
@media screen and (min-width: 640px)
.bricklayer-column-sizer {
    width: 50%;
}
.bricklayer-column+.bricklayer-column {
    margin-top: 5rem;
    margin-left: 1rem;
}

Suggested topics

Topic Participants Replies Views Activity
Showcase · by Julien Perret, 3 months ago
3 136 1 month ago
Showcase · by Julien Perret, 2 months ago
4 145 2 months ago
Showcase · by Stuart, 5 months ago
1 126 5 months ago
Showcase · by Gez, 8 months ago
4 258 8 months ago
Showcase · by Roger Parkinson, 10 months ago
0 111 10 months ago