html and CSS and internet.

Community feedback

• 

  Rohan Choudhary•15

  @02rohanPosted over 3 years ago

  To change the colour, you can add a div, over the image of the same size and border-radius as the image, and give it a colour of pink, and change its opacity.

  1
• 

  Parmeet Singh•170

  @parmeet9891Posted over 3 years ago

  Hey Good work! Just to add few things.

  1. The whole container is centered.
  2. Both the left div and right div are next to each other, there isn't any gap as per design.
  3. The image has a linear gradient.
  4. And when the device width decrease, your image is overlapping the other div. Rest, keep going and keep up the good work!

  1

  ---

  

  Ankit Kumar•10

  @Ankit1142Posted over 3 years ago

  I made this only for 100% screen.So inorder to get rid of overlapping should i use percentage width. Or is there any other way.

  0

  

  Parmeet Singh•170

  @parmeet9891Posted over 3 years ago

  @Ankit1142 , that won't work, because automatically when screen size decreases, it will try to fit in. Learn about media query to change its layout for specific screen sizes.

  1

  

  Ankit Kumar•10

  @Ankit1142Posted over 3 years ago

  @parmeet9891 Thanks for clearing the doubt. I will learn that thing.

  0
• 

  I'm Fabra•160

  @imfabraPosted over 3 years ago

  https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

  0