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 created with HTML, SCSS, Bootstrap and JS

Morgan• 100

@morgan03

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


Would love some feed back! How did everyone else manage to place the phones outside of the dark blue border ?

Community feedback

@Willearyson

Posted

you need to define a container to align all the content on the page, use these lines

<header> <div class="container"></div> </header> on the style page you define a width and height, background color, margin-left:auto, margin-right:auto.(to center the content) when you notice that the width is ok, you erase the height and the background color and that's it you can put the content of your page inside the container. for example: <section> <div class="container"> .<div class="text"> <h1>something</h1> </div> </div> </section>

Marked as helpful

1

Morgan• 100

@morgan03

Posted

@Willearyson Thank you for the tips! I'll make some these changes

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