Design comparison
Solution retrospective
I guess the part where it is responsive. I do not need to use the media rule and adjust it. I have tested it on my phone, and it looks great.
What challenges did you encounter, and how did you overcome them?The SVG element is where I have to center it. The solution that I have thought of is adjusting the width of the parent container.
What specific areas of your project would you like help with?The part when adding animations. I cannot seem to do it where you hover over a text and the container's box shadow will expand it was very hard to understand, and I ended up not doing it.
Community feedback
- @jpmaHubPosted 5 months ago
You need to add
&:hover { color: ----- ;
inside the bold element you want to add the hovering state.for making the border thickness you need to add in css
.contents:has(.bold:hover) { box-shadow: -----; }
It would be useful to add meaningful names to your class names which makes easy to understand for others who read your code.
1 - @jamesking2408Posted 5 months ago
Does the solution include semantic HTML? - yes Is it accessible, and what improvements could be made? - flex Does the layout look good on a range of screen sizes? - little bit Is the code well-structured, readable, and reusable? - Yes Does the solution differ considerably from the design? - yes
0
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