Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats Preview Card Component: HTML+CSS

SungKim96 30

@SungKim96

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please help my challenge...

  • I couldn’t change the color of image
  • I want to stop changing the frame while the screen size is change (I don't understand why it happens although I didn't put the media query)
  • I couldn't make the "10k+ companies 314 templates 12m+ queries" part seems the same as challenge task

Community feedback

@pratikkw

Posted

1.First of all set "background-color" of image parent element to "purple" then use "opacity" property on image itself. Opacity property is range between 0 to 1. (This will only work if you set img using html "img" tag.)

  1. Use flexbox or grid for making "10k+ companies 314 templates 12m+ queries".

  2. "flexbox" and "gird" will solve your responsive problem as well.

Marked as helpful

0

SungKim96 30

@SungKim96

Posted

@pratikkw Thank you for your helping :) I even don't know the opacity work only at "img" tag.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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