Design comparison
SolutionDesign
Solution retrospective
Hello, I did not know how to reduce the font size on a smaller screen.
There are a couple of things that I am not sure of and here it is:
- I used the anchor element to rapped the content of the post__title element to make it interactive.
- I did not know how to change the color of the title and increase the box shadow around the card when I hovered over the title so I created a separate rule one for the color of the title and the other for the box shadow.
Community feedback
- @HassanElnaggar99Posted 10 months ago
Good job You don't need the anchor element, you can add the following code to make it interactive: html: <h1 class="post__title" tabindex="0">HTML & CSS foundations</h1>
css: .post_title:hover { cursor: pointer; }
0@Mohammedabbas7Posted 10 months ago@HassanAlnaggar99 Thanks for your suggestion, but you did not understand what I meant, what I mean is how to make the hover effect on the card and the title just by hovering over the title.
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