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

News homepage using grid Layout

P

@KehindeDaniels

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


My Experience with this project:

  • Creating the desktop version of the website was a breeze.
  • Everything fell into place neatly on the larger screen.

My major Challenge was the Responsiveness:

  • Making the website responsive, especially the "footer images" on mobile scaled of the screen. I used width 100%, height auto

My question Are we to stick strictly the media quarry to just the two (2) screen size provided. Because i found out the layout in between these two screens seemed off

Your feedback will go a long way Thank you for your contribution

Community feedback

@freaky4wrld

Posted

Hey there, congratulations on completing the challenge, and I saw you did great.....

As per query........no you don't have to stick to the two screen sizes provided to you they are the upper and lower limits provided to you, you have to design the UI for as much device as possible

As it displays that you are good enough with the layouts and stuff!!!!

Marked as helpful

1

P

@KehindeDaniels

Posted

@freaky4wrld thank you for this, it gave me serious headache. I felt bad for the design in between (600px -800px), though I implemented query for them as well, but I was not sure as to whether it was the right approach. (My God I wanted it to look perfect from 1,500 to 375px with just a single query🤦)

Thank you for the clarification!

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