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

HTML 5, flexbox, grid system, SASS, Bootstrap

#bootstrap#sass/scss
Dytomaβ€’ 570

@Dytoma

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I found it difficult to design the toggle menu for mobile devices even though I came out with something, it didn't work as expected. You can see the code to the script tag before the closing body tag and the css part is within the media query.

I don't know if that's because I use Bootstrap for my design that's why I couldn't align items properly or there was some other reasons.

I'm willing to get your recommendations, tips and advices to perfect my design.

Community feedback

Adrianoβ€’ 33,950

@AdrianoEscarabote

Posted

Hi Dytoma Batogouma, how are you? Welcome to the front-end mentor community! I really liked the result of your project, but I have some tips that I think you will enjoy:

If we see how the layout is behaving at higher resolutions, with the help of google dev tools, we will see that it is stretching a lot, to solve this we can use a max-width with the value we want the content to stop growing and to center use a margin: 0 auto;

body {
  max-width: 1440px;
  margin: 0 auto;
}

Avoid using <hr> and use border-bottom instead!

The rest is great!

I hope it helps... πŸ‘

Marked as helpful

0

Dytomaβ€’ 570

@Dytoma

Posted

@AdrianoEscarabote Alright, thank you very much, I'll apply that. I really appreciate your feedback and feel free to look in the files and give me more tips.

1
Adrianoβ€’ 33,950

@AdrianoEscarabote

Posted

@Dytoma no problem, keep coding!!

0
Dytomaβ€’ 570

@Dytoma

Posted

@AdrianoEscarabote Alright, thanks.

1

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