Basics HTML and CSS. CSS files are separated.
Design comparison
Solution retrospective
This time, I splitted css files into three : variables.css, main.css & components.css. Is it a good choice to do it in this way ? if not, what could be a better approach ? Thank you.
Community feedback
- @mattstuddertPosted over 3 years ago
Nice work on this challenge, Michael! I'd recommend sticking to a single CSS file. As you start building larger projects, you'll likely want to look into using Sass. Among other things, it allows you to break your styles up into separate "partial" files. These partials can then be compiled into a single CSS file, which helps you organise your code better.
I'd recommend sticking with CSS for the time being and use a single file. Once you get to larger projects, take a look at Sass.
Just a quick note on your HTML. You've currently got multiple
h1
elements. Although this is valid HTML, it's generally still considered a bad practice, as it can cause accessibility issues with the content hierarchy. Instead, I'd recommend sticking to a singleh1
. For this challenge, it doesn't really have ah1
in the design, so you could create ah1
that would be hidden and only accessible to screen reader users. That would mean the headings for each card would be perfect ash2
headings.Keep up the great work!
0@andolalainaPosted over 3 years ago@mattstuddert Thank you for your advices. I will take them into consideration for future projects :)
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