Stats Preview Card using CSS Flexbox

Community feedback

• 

  Julian Krüger•100

  @juliankruger

  Posted over 3 years ago

  Hi Anosha,

  there is not really much to criticize, this looks great! One thing you could add to really get the color of the image right is a pseudo-element. An ::after or ::before css-class that sits right above the image with the same background-color and a low opacity.

  Another suggestion for future challenges: The design works perfectly on the two screen sizes set by the challenge, but in between it is not responsive anymore. What might help is mobile-first approach. Design it for mobile screens first and then later add the complexity of the desktop design. The dev tools of your browser help displaying all the screen sizes. I would not rebuild this just for that, though but maybe keep it in mind in the future.

  A nice free course for that is Conquering Responsive Layouts by Kevin Powell. It takes 21 days and only presents you a very small challenge each day including some break days.

  Hope that helps!

  Greetings

  12

  Marked as helpful