Submitted 11 months ago
Testimonials Grid section (Mobile Responsive Design)
@majdiachour1
Design comparison
SolutionDesign
Solution retrospective
My third project using HTML and CSS. My second with CSS Grid. Any remarks on my code or improvement I can make would be appreciated.
Community feedback
- @danielmrz-devPosted 11 months ago
Hello @majdiachour1!
Your project looks very nice!
- You may consider adding a
box-shadow
to yourcontainer
. It'll look even closer to the original design.
Other than that, great job!
0 - You may consider adding a
- @redaEL03Posted 11 months ago
body { min-height: 100vh; background-color: #EDF2F8; font-family: Rubik; margin: 0px; width: min(90%, 90rem); margin-inline: auto; }
.large-container { display:grid; grid-gap: 0px; grid-template-columns: repeat(4,1fr); grid-template-rows: auto; /*! position:absolute; */ /*! left: 250px; */ /*! top: 60px; */ /*! bottom: 60px; */ }
you can use that is butter.
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