Skip to content
Submitted over 1 year ago

flexbox, media queries, teniary operator, useState, eventHandlers

Chinaza•130
@chinaza-Sommie
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro section with dropdown navigation
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Working on thus project was fun.

  • I made use of teniary operators to handle the arrow images
  • Then I worked with picture tage and source tag to handle the image to be rendered on different screens size
  • Did not go through my conventional way of creating a navbar.I believe change is the only way to grow.
  • made some corrections for the learn more button....

Please check it out and let me know if there is anything I could have done differently. Looking forward to your feedback. Thank you

Community feedback

  • Developer Matusala A.•170
    @matusalab-devPosted over 1 year ago

    congrats on achieving this far, I found a bug on the [learn more] cta button when you hover on the button the text will disappear. make sure the text and background are having good color contrast

    1
    Chinaza•130
    @chinaza-SommiePosted over 1 year ago

    Hi @mtslabrh97 Thanks for the feedback. I will make corrections. I really appreciate.

    0
    Chinaza•130
    @chinaza-SommiePosted over 1 year ago

    Hi @mtslabrh97 , how are you doing? I have made the necessary changes to the learn more button. Thank you for your feedback. I really appreciate.

    1

Please log in to post a comment

Log in with GitHub

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