Four Card Feature Component using ReactJS

Community feedback

• 

  Rio Cantre•9,690

  @RioCantrePosted almost 3 years ago

  Hello there! Nice work with this one. Viewing your solution, I would suggest the following for you...

  • The background color of each .card should be white, to emphasize the box shadow
  • Include alt in the img tag and add description
  • Add media queries for the responisve design, start with max-width:1167px; as the starting breakpoint and use Flexbox/Grid for the alignment

  Overall you did good and Keep it up!

  Marked as helpful

  1

  ---

  

  Shakil Ansary•90

  @ShakilAnsary9Posted almost 3 years ago

  @RioCantre Thanks for your suggestion. Basically, I don't know how to make the design responsive.

  1

  

  Rio Cantre•9,690

  @RioCantrePosted almost 3 years ago

  @ShakilAnsary9 I see. To make it responsive you need to use media queries with specific width size as breakpoints. From there you need to adjust the style properties to make it look fit on every device. You can have a look at this Media queries and Responsive Design And use Flexbox to align the items accordingly.

  0
• 

  Kamasah-Dickson•5,590

  @Kamasah-DicksonPosted almost 3 years ago

  You did a great job but next time try using CSS grid

  Also its not responsive try making it responsive.

  Good job there:)

  Marked as helpful

  1

  ---

  

  Shakil Ansary•90

  @ShakilAnsary9Posted almost 3 years ago

  @Kamasah-Dickson Thanks for your advice

  0