Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Most proud of making a design using CSS Grid
What specific areas of your project would you like help with?I've tried to recreate the exact designs given without having a Figma file. The only way in which I managed to do so was with
.card__additional-quote {
padding-right: ;
}
on two sepate cards which just doesn't feel right for me.
I would be glad if someone would suggest how I can improve my code without a need to use that.
Community feedback
- P@DocForLoopPosted 4 months ago
Hi, it is hard to make proper spacing without the design file, but good job, here are some tips:
- don't use
<br>in card-author, use flexbox instead and maybe a simple<p>is enough with<h3> - try to use semantic elements for cards like
<section><article><header><blockquote> - in layout try to use grid-template-areas for card's placement so you don't have to specify grid-column and grid-row
Marked as helpful0 - don't use
Please log in to post a comment
Log in with GitHub
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