Submitted about 2 years ago
Notifications page using JavaScript
@Jonathanthedeveloper
Design comparison
SolutionDesign
Solution retrospective
Hey guys i really had trouble making this responsive, Pls do well to check out my code and tell me how i could've done it better
Community feedback
- @YaikaRacePosted about 2 years ago
Hi Jonathan congratulations on completing the notification page challenge! My recommendation to improve the responsiveness of the page is:
- Use less floats, floats give a lot of problems when making responsive designs, and personally I don't like to use them, instead I would recommend you to use flexbox to align elements to one side of the screen and make the design more responsive, you could even use CSS Grid to improve the responsiveness of the page.
- Here are some articles that may be useful if you don't know how to use flexbox and CSS Grid or you don't know much about it:
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
- https://css-tricks.com/snippets/css/complete-guide-grid/
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