Stats Preview Card Updated

Community feedback

• 

  David•8,000

  @DavidMorgadePosted about 2 years ago

  Hello Aman, great job getting the solution for the challenge, congratulations!

  If you don't mind, I would like you to give a little tip regarding your media queries.

  • It seems that you are using display: none to hide your main and rendering a new main for mobile, instead of that just try to style your already structured html file to get it to work on diferent sizes, you can try for example using a Mobile first approach (building first for mobile and then for desktop).

  • Also you are using a @media(max-width: 375px), this will only target sizes from 0 to 375px, it will miss the mayority of mobile screens, try setting up it until @media(max-width: 768px) instead, this will target all kind of mobile screens, and shift correctly on desktop mode!

  Hope my feedback helps you!, if you have any question, don't hesitate to ask! Good job!

  Marked as helpful

  1

  ---

  

  Aman•630

  @AmanGupta1703Posted about 2 years ago

  @DavidMorgade Thank you! 😊

  1
• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello Aman, congratulations for your new solution!

  Great solution and great design, something you can improve to get closer to the challenge output is the font-size and the image color. The heading h1 is around 32/36px and the paragraphs 16px/18px.

  To have the same effect of the challenge on the image making it purple usemix-blend-mode:multiply with an opacity around 80%.

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Aman•630

  @AmanGupta1703Posted about 2 years ago

  @correlucas Thank you! 😊

  0
• 

  miland sharma•190

  @milandsharmaPosted about 2 years ago

  Awesome webpage brother

  1

  ---

  

  Aman•630

  @AmanGupta1703Posted about 2 years ago

  @milandsharma Thank you! 😊

  0