@SpartanFranco
Posted
Hello in layout, @media screen and (min-width: 70rem) { .hero__details { margin-bottom: 8rem; ---remove this rule; } .card__item { height: 300px;---- > height: 15rem; lower the px or change it to this measurement, which is more advisable to use relative measurements,
but you have to play with the height of -.hero_container- to make it as similar as possible; if you are using grid, you could enclose - hero_container- inside cards as well and declare .cards{ grid-template-columns: repeat(4,1fr ); grid-template-rows: 1fr 1fr; }
already:
hero_container { grid-row:1/span 2 } and then you wouldn't have to play so much with the height of the cards and the hero_container
} But still...Good job!!
@O-Julia-O
Posted
hello, @SpartanFranco ! I wish I knew what you wrote here...