Design comparison
Solution retrospective
Finished this challenge in less than an hour. My biggest worries are if my CSS is structured correctly and the way I implemented responsive is correct(or are their more efficient ways of doing it?). Also if my practice of using h1,h2,h3 is good, should I just use classes instead of changing the designs of every h1,h2,h3 element?
Community feedback
- @Abbassher55Posted 11 months ago
Your solution look great. I have point out that in design when the card is in active or hover state the drop-shadow increases to 16px from 8px in both x and y directions which looks like the card pops up.
Apart from this your solution is awesome 👍
Marked as helpful1 - @danielmrz-devPosted 11 months ago
Hello @tbeagle2!
Your project looks excelent!
Since you're wonderinhg about the usage of <h1> to <h6> headings:
It's not just about the style or the size of the text.
The
<h1>to<h6>tags are used to define HTML headings.<h1>defines the most important heading.<h6>defines the least important heading.Only use one
<h1>per page - this should represent the main heading/subject for the whole page. Also, do not skip heading levels - start with<h1>, then use<h2>, and so on.I hope it helps!
Other than that, I think your solution is awesome!
Marked as helpful1@Jalex-McPosted 11 months ago@danielmrz-dev Thank you! I remember that it was an order of importance thing. I think in the future I will use them as you specified, only using one <h1> and using them in order of importance but give each one a ID as I was getting confused on which <h> was which when doing the CSS. They should create less back and forth.
1
Please log in to post a comment
Log in with GitHub
Join 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