Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Kinda Responsive CSS GRID

Adex324 130

@Adex324

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


i made it responsive kinda , gonna improve on making responsive grids for desktop and mobile P.S Im open to criticism , feedback and help of any kind

Community feedback

@NxumaloDev

Posted

Great job

Improvements...

  • Use of relative units(e.g rem, em)
  • Custom properties (:root{}), these are especially your friends!
  • Highly recommend mobile-first when starting a project, you will avoid/ reduce overriding and write less code in general.
  • I highly suggesting with easier projects to build your layout skills (CSS Grid and Flexbox) and build your overall confidence.
  • your classes must have meaningful names.
  • use overflow-x: hidden instead of auto to hide the horizontal scroll

take it one step at a time, never rush to do the more challenging tasks

0

Adex324 130

@Adex324

Posted

@NxumaloDev thank you

0

Please log in to post a comment

Log in with GitHub
Discord logo

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