Skip to content
Submitted over 2 years ago

FLEX

i_d_s_l•270
@ilvdrskn
A solution to the Intro section with dropdown navigation challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This challenge was given to me with difficulty. Somehow I was able to repeat it, but exactly what to repeat, and not fully to make up. The CS code is terrible, it's even possible that some properties repeat each other. Nevertheless, I will be glad of any feedback

Code

Please log in to post a comment

Log in

Community feedback

  • S MD suleman•3,510
    @sulemaan7070

    hey @ilvdrskn😄, congratulations on completing the challenge here are a few suggestions to make your site better..

    1.Firstly the padding padding: 2em 5em on the button looks massive you can reduce that.. or if you are comfortable with pixels just go with pixels..

    2.On the .modal-menu use the property of fixed like this, this should keep the menu on the screen even when scrolling happens..

    .modal-menu {
    position: fixed;
}

    3.the padding-left: 10em; on the main.main-info is pushing the box more than design..you can reduce that..

    4.As for the .picture div you can use the property of background-size: contain; to display full image..

    Hope that helps, Happy coding💯🔥👍🏻

    Marked as helpful

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