Huddle Landing Page w/ Alternating Blocks (SASS + Mobile-first + BEM)
Design comparison
Solution retrospective
Hi there π, Iβm Melvin, and this is my solution for this challenge. π
π οΈ Built With:
- SASS. π¨
- BEM notation. π
- Mobile-first approach. π±
Any suggestions on how I can enhance this solution or achieve even better performance are welcome!
Thank you. πβοΈ
Community feedback
- @VCaramesPosted about 2 years ago
Hey @MelvinAguilar. Great Job on this landing page!
-
The Picture Element is not really necessary for this challenge since you are not changing the image for a different sized one or changing the contrast/brightness when applying a dark theme.
-
This one depends on the company's/developer's preference but you can leave the Alt Tags empty for the illustrations and a aria-hidden=βtrueβ since they are just decorative.
-
Instead of wrapping each "card feature" in an Article Element it would better to use a Div instead, since none of the cards can stand on their own. The way you can determine if something can be wrapped in an Article Element is if it can be placed on a random website or a blank one and still make sense on its own.
Keep up the good work! Happy Coding! π»π
Marked as helpful2@MelvinAguilarPosted about 2 years ago@vcarames
Hey, there! π Thank you very much for your comments and the time you spent analyzing my code! π I will fix that as soon as possible.
1 -
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