Responsive Landing Page using CSS grid

Solution retrospective
I had some problems with the icons, had no idea how to allign them in the summary. Also had some problems with the sizing, tried to make it look as close as possible to the challenge.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@MikDra1
You've done well. If you want both main columns with equal size, and not one bigger then the other one, you should use css grid. If you have no idea how it works and how to do this here is a code snippet and also a VIDEO for you to watch.
Here is the code:
.card { display: grid; grid-template-columns: 1fr 1fr; }
Hope you found this comment helpful 💗
Good job and keep going 😁😊😉
- P@makogeboris
To align the icons you can use flexbox, add this on the div#summary h3
display: flex; align-items: center; gap: .4rem;
Join 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