product-preview-card-component

Hey man, Congrats on the solution!

I'd recommend checking out flexbox, it'll make this project much easier, put both cards into one container (div) Then set the div to

div {
      display:flex;
      justify-content: center; 
      align-items: center; 
      flex-direction:row; 
}

and boom perfectly aligned!

Hello @Gehadmo2,

I have some tips to improve your solution:

• Remove the pink background color and add the cream color to body
• Be sure to reference your style-guide.md file, colors and fonts are given to you
• Images must have alternative text applied to them
• Every document must have one main landmark instead of using a <div use a <main>
• More info about HTML5 Elements
• Here is my solution

I hope these tips help you and good luck