Rio Cantre• 9,710
@RioCantre
Posted
Hello there! Nice work in completing this challenge. Looking at your solution, I would recommend this for you...
- Add
margin: auto;
in the.card
rule set to align the content in the center - Add media queries, with
ma-width:1125px
as the starting point of the breakpoints and use Flexbox for alignment - In the
.card img.hero
addwidth: 100%;
and removemargin-left: 50px;
- Add
padding: 2rem;
in thecontent
rule set - For the main image, you can refer it with this example Pseudo Elements
Hope this helps and Keep it going!
Marked as helpful
0
Buddhadeb Chhetri• 110
@Buddhad
Posted
@RioCantre Thank you this is really helpful.
1