Mobile first responsive solution using Sass and flexbox
Design comparison
Solution retrospective
Please tell me how can I improve and give your feedback!
Community feedback
- @SaifN97Posted over 3 years ago
Good job on the challenge 👏👏
I am a big fan of sass too. They recently made a public notice on the deprecation of the @import rule, they are encouraging developers to use
@use
instead of@import
.PS: with the @use rule, your CSS partials will be namespaced.
Also I'll suggest looking more into the combo of using
rem
,em
and%
units instead of usingpx
as it helps alot with the responsiveness.Lastly try to avoid setting fixed heights and use paddings and margins instead.
Have fun coding! :)
Marked as helpful0 - @palharesmagnonPosted over 3 years ago
Very nice work. Add a "role" property to your main div with the value equal "main" to solve this landmark accessibility issue
Marked as helpful0
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