Looking to hire developers?
I built this with mobile design first using CSS grid, and I'm fairly happy. But it needed a lot of CSS to get it done, and it doesn't feel very organised.
Do people have better suggestions on how best to organise the CSS? I've used variables where possible, but it's still quite a jumble of layout properties, colours, animations etc, and I'm sure on a real site, that would get unmanageable very quickly.
@GerbenDol
Posted
I always struggle with keeping my CSS organized. Things that help me are working from less specific to more specific CSS and also adding these kind of headers as a comment in my CSS to split it up in sections.
Check out my code for an example! https://www.frontendmentor.io/solutions/coming-soon-page-first-time-using-grid-J1aeXMT9R
@jakobsen
Posted
In addiction to the comment by Gerben, I would also suggest you take a look at stylesheet languages like Sass, Less or Stylus. The allow you to use nesting in your CSS (in addition to a lot of other cool features), and this really helps (me at least) with keeping your CSS tidy :)
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
