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

SCSS grid and flexbox layout

Ali Ahmed 680

@Dany-GitHub

Desktop design screenshot for the Intro section with dropdown navigation coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any Feedback is Welcome, Thank You

Community feedback

@abdraoufx

Posted

Hey Mate, Greate Job; But I Have an Advice For This Design To Make It Better:

  • You Need To Add Some Space Between The Hero Picture And The Text.
  • Add margin From The Bottom Side For The Button To Make Space Between it and the 4 images below it.
1

Ali Ahmed 680

@Dany-GitHub

Posted

@abdraoufx i wonder why it looks so weird after i uploaded here , check README on GitHub repo it looked way better, anyway thanks for the suggestion

0

@abdraoufx

Posted

@Wa7dany I Think Because Of The Display Grid Try Change It To FlexBox In Your Developemment Envioremment And After Finish Trying You Can Check My Solution : https://www.frontendmentor.io/solutions/full-responsive-intro-section-with-dropdown-navigation-with-sass-and-js-rkMqqstN5

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