
Submitted 9 months ago
Blog preview card. Coded with SASS, BEM, Grid, Flexbox, Semantic HTML.
#bem#sass/scss#accessibility
@jiricmiel
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I've tried to use semantic HTML and BEM using SASS.
What challenges did you encounter, and how did you overcome them?Using BEM I often overthink things. I needed to go back again and rewrite it few times. Sometimes output was not as I expected. I double checked everything with developer tools and fixed the problems. Mostly it was adding padding and margins to inline elements without realizing it.
What specific areas of your project would you like help with?I'd like someone to check my semantic HTML. I'm not really comfortable with it yet and I'm not sure if I used it right. Any help on that topic is welcome. Also reviewing code in general would be highly appreciated.
Community feedback
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