Design comparison
Solution retrospective
- Getting it responsive nicely.
- The media query. Maybe there is a better way.
- Would like some tips on setting up classes to keep css industry standard for something like this.
Community feedback
- @mbilal-xPosted about 2 years ago
Hi Dean!
Congratulations on completing you first challenege here.
here is some feedback and answer to you question:
-
media queries are the most fundamental way to make you code responsive, getting a hang of it is always good before moving on to using CSS frameworks like bootstrap and tailwind.
-
A well know and accepted method for naming your CSS classes is the
BEM
naming system. you can look that up. -
and yes I see you have added your styles in the same html file. Try using a separate styles.css file and link it to you html. This is more useful and scalable approach .
Hope this helps, goodluck
Marked as helpful1@deanriversPosted about 2 years ago@mbilal-x Thank you for the feedback Muhammad! Will research "BEM".
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