i know little bit sass so planing to create with CSS processor
What challenges did you encounter, and how did you overcome them?layout the HTML element
What specific areas of your project would you like help with?hover effect
For hover effect to specific element when hover over the text if you need it.
.card:has(.card__txt__title:hover) { box-shadow: -----; }
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.
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.
Looks like I've been fast to do this !
What challenges did you encounter, and how did you overcome them?Not so much to be honest.
What specific areas of your project would you like help with?Still asking myself about semantic, if someone can check just to be sure ?
Hey and good work but when you hover over the text, the border thickness should increase along with the text turned yellow. See the figma design for more info
