Skip to content
Submitted over 1 year ago

Used Flexbox, CSS Grids and media queries.

Tejasva Khandelwal•60
@tejasva-087
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

Just got stuck in media queries and shadows. I am a bit confused in media queries that somehow worked but i dont know how?

Community feedback

  • Toheeb•170
    @Toheeb345Posted over 1 year ago

    Hello, you are actually styling desktop first, so you will need to set your max-width for the tablet size but you are indicating the maximum width to be the the size of mobile screen, you can change the max-width for your media query to this:

    @media (max-width: 768px) {

}

    it is meant to work that way 👍

    0
    Tejasva Khandelwal•60
    @tejasva-087Posted over 1 year ago

    @Toheeb345 thank you i will look into it

    0
  • krish-tyagi•60
    @krish-tyagiPosted over 1 year ago

    Hey nice work Tejasva . It seems pretty good . Keep it up

    0
    Tejasva Khandelwal•60
    @tejasva-087Posted over 1 year ago

    @krish-tyagi Thank you

    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