Victoria Azola Silva• 1,290
@VickyAzola
Posted
Hi! I tried to solve the problem using your code, and this seems to work.
- You don't need a
.between-div
class, so I deleted it. - Added a padding to the stats.
@media screen and (min-width: 1024px) {
.stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
padding: 0 80px 0 40px;
}
}
Also, added a margin to the p
on mobile.
.stats div p {
color: hsla(0, 0%, 100%, 0.6);
font-family: 'Lexend Deca';
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 400;
font-size: .6rem;
padding-top: 4px;
//
margin-bottom: 25px;
}
Hope this helps!
Marked as helpful
1
Gabriel Noss• 170
@GabrielNoss
Posted
@VickyAzola Thank you very much Victoria. The desktop design took me quite a while to do. Your recommendation is very valuable.
1