Skip to content
OverviewSolutions
4
Comments
7
Tolulope-as
@Tolulope-as

All comments

  • Tolulope-as•120
    @Tolulope-as

    Wow I love the transitions but I noticed your background image is somewhat to the right I think u should use

    background-position :top center;
    Marked as helpful
  • Tolulope-as•120
    @Tolulope-as

    This is very nice and regarding the appearance on smaller screens your page was still very much responsive

  • Tolulope-as•120
    @Tolulope-as

    Congrats on completing the challenge 🎉 This is my feedback: The page is beautiful and responsive on desktop screen but not on mobile screens.

    Improvement is needed on your responsive design .

  • Tolulope-as•120
    @Tolulope-as

    Wow I really loved the language option please what programming language did u use for that?

  • Tolulope-as•120
    @Tolulope-as

    Beautiful work! But I wish it was responsive especially for mobile screens, try learn more about media queries you could use a media query to change your container's flex direction to column for mobile screens e.g media screen and (max-width:600px){ .container { display: flex; flex-direction:column; } }

    Marked as helpful
  • Tolulope-as•120
    @Tolulope-as

    Nice effort!! To make it responsive you will need to use a media query,you will need to set a max width at which your container flex direction will change to column for mobile screens e.g

    @media screen and (max-width:600px){ .mycontainer { display: flex; flex-direction:column; } }

    This css code means at a screen width of 600px and below ur container's flex direction will no longer be row but column

    I advise u to watch a video on responsive design and Media queries.

    Marked as helpful
  • Tolulope-as•120
    @Tolulope-as

    Nice attempt 👍 But there is desperate need for improvement