Responsive Blog + Frustration with Adjacent Siblings
Design comparison
Solution retrospective
I think in this case the summarized HTML structure and the continuous learning, in this case with adjacent siblings.
What challenges did you encounter, and how did you overcome them?The challenge is to try to achieve the same format as in the design cards.
What specific areas of your project would you like help with?I would like to receive help to know how to modify an element by activating a third party. For example in this challenge I noticed that the shadow of the card moves twice as much when the title link is activated. What I was investigating is that it could be done with adjacent siblings but in this case it was not practical for me.
Community feedback
- @dilanrojasPosted 7 months ago
Hi!
I've been looking at your solution, it's close to the design. But, i suggest checking the font sizes, they are smaller than they need to be. And when it comes to the shadow of the card, it is a little bit tricky. In order to achieve that, I've used JavaScript for changing the box-shadow property when hovering the card title "HTML & CSS foundations". You may want to check my solution. I assigned an id for that title, and then, I did some event listeners when the mouse is over and out the title. When the mouse is over, the box-shadow property increases, when it is out, the box shadow gets smaller.
Hope it is helpful!
0
Please log in to post a comment
Log in with GitHub
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