Skip to content
Submitted almost 3 years ago

flex box , media query

Abdellah el aajjouri•190
@abdellahelaajjouri
A solution to the Intro section with dropdown navigation challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

hey guys , this is my solutions to the challenge , i didn't submit for a wail now so i find it very hard to get my skills back , this challenge took me alot of time and i did find it hard , so exuse my logic that i came up with , and also my code that look a bit messy if anyone can give me some tips to get back on track that will be very helpful , and also i did not know hwo to change the background when the menu expended . I realy need a feedback if that's ok . thanks guys making this place a very good community

Code

Please log in to post a comment

Log in

Community feedback

  • hebrerillo•350
    @hebrerillo

    Hello Abdellah! You did a good work! I will give you some tips.

    The items of the header are not centered vertically nor horizontally. Just add some flexbox declarations to the header to fix it:

    header { display: flex; flex-direction: row; padding: 1.5rem 2.5rem; align-items: center; justify-content: space-between; }

    I also added some horizontal padding to make it look nicer.

    You also have a JavaScript event handler that reloads the page whenever the browser is resized. Maybe you forgot to remove that code.

    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