It was fun completing this challenge use HTML, CSS and flexbox

Community feedback

• 

  PhoenixDev22•16,950

  @PhoenixDev22Posted almost 3 years ago

  hello @arunsingh009 ,

  I have some suggestions regarding your solution :

  • try to make the shadows softer like the design .

  • For any decorative images, each img tag should have empty alt="" and aria-hidden="true" attributes to make all web assistive technologies such as screen reader ignore those images.

  • I recommend to remove heights widths from the cards. Let the content inside the card element dictate the height of it. Also using widths in percentage. Not a great idea as you're losing control of the layout. Use max-width instead, let it grow to a point.

  • never use px for font size.

  Hopefully this feedback helps.

  Marked as helpful

  2