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

Blogr-landing-page

newbie 200

@gidhub48

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


Feedback welcome✅

Community feedback

@rameshkmunjal

Posted

Hello @Tuchpon Congratulations on meeting Blogr-Landing_page challenge.

I observe following shortcomings in your design . You can improve the page after removing them.

  1. In Desktop design, nav is not as per design. You have given hamburger menu in place of left and right ul.
  2. As per design in challenge , In main part of the page ( complete page minus header and footer), in each section one side is text and other is image . in first and third section you have stacked them one over another.
  3. In mobile design, margin-bottom of section-2 can be reduced. Such large space is not looking well.
  4. Apart from above , you may find some errors in accessability report which can also be removed by slight change in your code. All page content should be contained in one landmark. So your page should be contained like this inside body tag. div.wrapper – nav – main-footer-wrapper-closed. You should use semantic html as max as you can. I hope it helps your to improve your skills .

Thanks for reading .

1

newbie 200

@gidhub48

Posted

@rameshkmunjal thank you for helping me 😄and for a suggestion, i will improve this.

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