Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I am proud of creating a responsive design component.
What challenges did you encounter, and how did you overcome them?Challenges were mainly achieving the responsive design in mobile. I learned them by doing it and understoond how it all worked together. I struggled to align the card to match with the design like center it.
Community feedback
- @NegligencePosted 4 months ago
Hi Jaseera 👋🏻
- Centering
I noticed that you've vertically centered the component using
margin-top: 50%;
on line :12 in yourblog-preview-card/src/components/BlogPreviewCard.css
file.Here's an alternative that I personally use with all my projects at present:
- Alternative
:root { width: 100%; height: 100%; } body { width: inherit; height: inherit; display: grid; place-content: center; }
Feel free to check it out and incorporate it into your own if you like it 🙌🏻
Marked as helpful0
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