3column-preview-card with HTML&CSS

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 12 months ago

  Hey, Aya!

  Try not using "position: absolute" in this case. It makes the content leak from the parent containers. When you set position absolute like that, the item will simply ignore limits and that leak can happen.

  In this project, you don't even need to use the property "position". You can solve this challenge with flexbox, margins and paddings.

  Hope it helps!

  Marked as helpful

  0

  ---

  

  AyaElmancy•70

  @AyaElmancyPosted 12 months ago

  I don’t Know flex box yet I am still learning. @danielmrz-dev Thanks I will next time

  1

  

  Daniel 🛸•44,250

  @danielmrz-devPosted 12 months ago

  @AyaElmancy

  You're gonna like flexbox. It's not hard and will help you a lot with projects like this.

  I'm gonna keep track of your projects so I can help you ;)

  Marked as helpful

  0

  

  AyaElmancy•70

  @AyaElmancyPosted 12 months ago

  Thanks so much . @danielmrz-dev

  1
• 

  Marley Semende•570

  @Marley-SemendePosted 12 months ago

  okay that’s great to hear. If you go below your solution there is a line that says “Design Comparison “, below it you can see a red button that says “Generate New Screenshot”. It allows you to generate a new screenshot for your code updates:)

  Marked as helpful

  0

  ---

  

  AyaElmancy•70

  @AyaElmancyPosted 12 months ago

  I do that but the same screenshot appear no problem important to me that l made it correctly thanks for your help @Marley-Semende

  0
• 

  Marley Semende•570

  @Marley-SemendePosted 12 months ago

  Good job overall !! you can also add margins to your card containers to position your elements for example adding a margin to your buttons will make your buttons go a little more inside the card containers, and you can also try text-align: center; to center your text within the container. I hope this helps.

  0

  ---

  

  AyaElmancy•70

  @AyaElmancyPosted 12 months ago

  thanks @Marley-Semende i already put buttons in their correct position and take screenshot for them but i do not know why screenshot appear not correct.

  0