Skip to content
Submitted about 3 years ago

Blogr landing page for mobile(<576px) and desktop using Bootstrap4.5

spyder•315
@ratan17
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blogr landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Alright guys I'm back with another solution! FEM challenges really make me humble about my knowledge of Front End Web.

Ignore the accessibility issues and the navbar. Navbar is not according to the design files it was built using bootstrap 4.5

And the site is code for desktop(>1200px), mobile(<576px). I'll soon code for medium sized devices as well. EARN GUARANTEED 5-30 POINTS ON GIVING FEEDBACK Till then I'm looking forward to take constructive feedbacks from you all.

Community feedback

  • Emmilie Estabillo•5,540
    @emestabilloPosted about 3 years ago

    Hey @ratan17, congrats on your submission! Won't comment on Bootstrap but here are just a couple of points:

    • use h1 only once, for the header text. Headings also need to be in ascending order, don't skip from h1 to h3

    • the column headings on the footer don't need to be wrapped in an a tag

    I highly recommend building mobile-first for future projects and continue working on your responsive code so we can have a better tablet version. Hope this helps!

    Marked as helpful
    1
  • chisommuorah•325
    @chysomm62Posted about 3 years ago

    Nice work! Viewing from mobile, I think the nav toggler it's a bit down into the page.

    1
    spyder•315
    @ratan17Posted about 3 years ago

    @chysomm62 thanks for appreciating my work. I'll update the code for the navbar

    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