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

Responsive using media query and flex box

@minhnhut170701

Desktop design screenshot for the Blogr landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hope to receive your suggestions so that I can improve.

Community feedback

Divine Obeten 2,415

@Deevyn9

Posted

Hi Minh,

Great representation, However, i went through the project and code and found the following;

Try centering your various divs on the mobile view.

The footer height should also be reduced for desktop.

The margin values can be tweaked to make it look better.

And lastly using the specified fonts to give it an even better look.

Happy coding

The width of the dropdown menu should be tweaked, it also has two min-width instructions in the code.

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