Design comparison
Solution retrospective
This time I've found my way of organizing CSS a bit messy for the three views(first inline elements and then block elements)so for the next challenge, I want to find a better method. Does anyone have a favourite method to write CSS? :) Also, my code works good in Firefox but terrible in Chrome, If I'm not wrong Sass or Less are the solutions for that. Could anyone give me some advice about it? Which is best? Thank you
Community feedback
- @monodonBrandPosted over 4 years ago
Hey, try not defining grid rows explicitly in this case. use inner padding for the blocks instead to set the right height. Also when you name classes, either use some kind of BEMish syntax or component oriented naming, I would avoid names like t1Div1 because they are first, chining you to a specific structure and second, hard for someone form outside to understand. Also for a project at this scope, I'd avoid utility classes they add code and can be redundant if you are not using them in the end.
1@MinervaLongPosted over 4 years ago@monodonBrand I definitely need to practice Grid more so I'll try what you say too :). In this case, I based the CSS Grid on a Grid model I found here: https://gridbyexample.com I've looked for BEM and looks so good! ^^ I'll use it for sure next time. Thank you very much for your time.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord