Submitted 7 months ago
Responsive Article Preview Component using Grid
@chardlargodizimo
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I am most proud of adding animation to the components and functionality using JavaScript.
What challenges did you encounter, and how did you overcome them?I encountered a challenge when the SVG was inside the a tag in HTML. The height of the a tag is different from the dimensions of the SVG I wonder how this works. I overcome this by setting a display: flex on the a tag. I did this because the height of the a tag affects when aligning the flex children. See the HTML for reference.
HTML
Share
```
### What specific areas of your project would you like help with?
I need help how to align the SVG's when it is inside the *a* tag.
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