Design comparison
SolutionDesign
Solution retrospective
how i can fix the column gap
Community feedback
- @shashikantdev3Posted over 1 year ago
Hello there 👋. Good job on completing the challenge!
Here are some suggestions regarding your code that may be of interest to you.
You can create 4 columns instead of 5 and you will not require the explicit declaration of rows. See below CSS code.
main { display: grid; grid-template-columns: repeat(4, 1fr); /* grid-template-rows: repeat(4, 1fr); */ column-gap: 1.875rem; row-gap: 1.5rem; margin: 10.25rem 10.313rem; }
I hope you find it helpful! 😏 Above all, the solution you submitted is 👌. 🎉Happy coding!
Marked as helpful0@AmrAbdelgwaadPosted over 1 year agothank you so much @shashikantdev3 I updated my code and it looks much better now I will work more on it and I want to improve my css grid also
0
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