Submitted about 4 years ago
Responsive Four card feature section with grid
@officionale
Design comparison
SolutionDesign
Solution retrospective
I can't seem to reduce the vertical spaces between the cards
Community feedback
- @tedikoPosted about 4 years ago
Hello, Officionale! 👋
Congratulations on finishing your first challenge. Your website responds well! Your problem have a simple solution:
- Add
max-width: 1000px
to your.container
and setmargin: 0 auto
on it. - Your images. Set your
.card
to beposition: relative
andcard-img
to beposition: absolute
, then removemargin
andpadding
on it, position it withbottom: 0
property andright: 0
then add some padding, like 1rem or something.
Good luck with that, have fun coding! 💪
1 - Add
Please log in to post a comment
Log in with GitHubJoin our Discord community
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