What are you most proud of, and what would you do differently next time?
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.
@jpmaHub
Posted
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.
@jamesking2408
Posted
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
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
