Responsive Preview Card Component

Community feedback

• 

  P

  kassahunAmdie•100

  @kassahunAmdiePosted 3 months ago

  hi Juan, A good attempt on the challenge. You have the structure down. But few things could make a great change. I noticed you have set a dimension or restriction on the container and also on the image you have set width. I have learned these will cause a lot of issues on your end result. For your image set the display as block and set a max-width to 100%.

  I also see you have used position: absolute on your container-card. I didn't see the need for this. Over all please watch Kevin Powell's responsive web design guide. I myself learned a lot. The biggest lesson was the browser will by default make your page responsive. We usually make it unresponsive by injecting unnecessary CSS. I hope this helps.

  0