Submitted 11 months agoA solution to the Testimonials grid section challenge
Testimonials grid section
@ardolynk-reborn

Solution retrospective
What are you most proud of, and what would you do differently next time?
Here we'd better use a grid with fixed percentage per row / column. Also for this solution I finally used SASS preprocessor.
@mixin desktop
@media (min-width: 48em)
@content
main
padding: 48px 0 48px 0
max-width: 70em
@include desktop
display: grid
grid-template-columns: repeat(4, 25%)
grid-template-rows: repeat(2, 50%)
What challenges did you encounter, and how did you overcome them?
Another complexity connected with a background of the first card. Here I defined background: url(./images/bg-pattern-quotation.svg) no-repeat 90% 0 hsl(263, 55%, 52%).
Are there any good SASS plugins for VS Code? I use Sass (.sass only) by Syler and there are no reasonable autocompletion. Thanks in advance.
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on ardolynk-reborn's solution.
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