Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Getting the details right i guess.
What challenges did you encounter, and how did you overcome them?-
I struggled with centering the card first. The way that work for me was making the flexbox method
-
The detailed alignment of the inline elements into blocks,notably the span and time elements both in the Html and Css, then again Flexbox helped with that.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @bhuvi819381
Hey buddy,
Your project looks amazing! You've clearly put in a lot of effort, and it's paying off. However, I found a few small issue that you might want to address.
1. Inline SVG
- The SVG code is great, but it's large and can clutter the HTML.
- Suggestion: Move the SVG code to an external file (e.g.,
card-image.svg) and reference it with<img>or<use>.- Example:
<img src="./assets/images/card-image.svg" alt="Decorative card design">
- Example:
- This makes your HTML cleaner and easier to read.
- Suggestion: Move the SVG code to an external file (e.g.,
Always give a ./ Before src path in img. There are a lot of chances we can't see photo
Marked as helpful - The SVG code is great, but it's large and can clutter the HTML.
- @zeenox-stack
Looks Really Great! keep up the good work
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