Submitted over 2 years ago

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

spyder• 315

@ratan17

Preview site View code

This is a solution for...

Blogr landing page

HTML
CSS
JS

2junior

View challenge

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

@emestabillo

Posted over 2 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

chisommuorah• 325

@chysomm62

Posted over 2 years ago

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

spyder• 315

@ratan17

Posted over 2 years ago

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

Please log in to post a comment

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