3-Column Preview Card Component

Community feedback

• 

  Abhijit Shankhdhar•320

  @im-abhijitPosted about 2 years ago

  hi @justToPractice , congrats on completing this challenge you have done a great job

  you have to that card responsive so that on screens with less width it should look good you have used flex box so what you can do is at a certain width height you can change flex-direction to column from row

  or second and best thing you can do is design for mobile first , then later you can customize things for broader screens

  @media screen and (min-width: 800px) { body { display : flex; flex-direction:row; } }

  you can add this to css , and by default make flex-direction: column what above code will do is after width is 800 px it will change flex-direction to row , else it will be column by default

  Marked as helpful

  0