Looking to hire developers?
when dragging the screen size down, I am unable to maintain equal padding on the right side of the card component. I could use some help reviewing the CSS, thank you.
@gsterczewski
Posted
Hello Dolapo 👋, my name is Grzegorz.
Your problem with padding on the right is cause by this rule :
.card-components > div{
height: 60vh;
padding: 4rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
Try to add width property to it and see if it helps (for example 33%).
Keep up the good work! 💪
See you on the coding trail 😉
Cheers!
Marked as helpful
@dolapo-oluremi
Posted
Thank you Grzegorz. it skips a little bit after including the width property. I'll keep playing with the numbers until it fixes the issue.
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
