Single price grid component using HTML,CSS, and CSS flexbox

Community feedback

• 

  P

  AjeaS•715

  @AjeaSmithPosted about 5 years ago

  Hey Glory, nice work on this challenge! I did noticed on min-width 501px the bottom boxes overlap. I’m curious if you tried using the mobile first approach. I believe it would be a much easier for you, starting off on a smaller screen and working your way to bigger screen. So for instance,

  1. On smaller screen you could add a flex-direction: column on the .sub so that they’re stacked on top of each other.
  2. Then, maybe you could add a min-width: 774px media query and change the direction of .sub by using flex-direction: row

  I hope that makes sense, nonetheless you did a great job. keep up the good work! and let me know if you need help with anything.

  1

  ---

  

  Glory Praise•40

  @emmaglorypraisePosted about 5 years ago

  @AjeaSmith thank you for your observation.....I have made the corrections

  0
• 

  Esu Gabriel•260

  @orion-esuPosted about 5 years ago

  Nice Job Glory but try working on the responsiveness as @Ajeasmith said.

  0
• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted about 5 years ago

  Nice work on this challenge Glory and congrats on submitting your first solution. I hope you enjoyed the challenge!

  As @AjeaSmith mentioned, the responsive CSS would definitely benefit from one final round of refinements. But overall your solution looks good! 👍

  0

  ---

  

  Glory Praise•40

  @emmaglorypraisePosted about 5 years ago

  @mattstuddert thank you and I surely enjoyed the challenge

  0