Skip to content
Submitted 10 months ago

Summary Car WebPage

ChaosBlitz404•140
@ChaosBlitz404
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I feel getting better at this but I don't know some stuff :

  • How to make it responsive ?
  • Is the circle part good enough? it's my first time doing it.

Any feedbacks are welcome !!!

Community feedback

  • Tolulope-as•120
    @Tolulope-asPosted 10 months ago

    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
    0

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