Responsive Time Dashboard using SCSS and Grid
Design comparison
Solution retrospective
- How can the SASS code I wrote be further split?
- One feature I was not able to implement was the hover on the ellipsis button alongside title without hovering on the bg. Do help me implement a solution to this.
Community feedback
- @kerminekPosted almost 3 years ago
Hi, in answer to your second question i've found this: https://stackoverflow.com/questions/40966977/how-do-i-hover-over-a-child-element-without-hovering-over-the-parent-in-css , so there's no easy way to handle this.
What i see, is that first box in mobile view is not looking correct. Also those buttons are way too big, so when you hover next to them, they are changing colors (Try to use "width: fit-content").
Marked as helpful1 - Account deleted
Hello there! 👋
Congratulations on finishing your challenge! 🎉
I have some feedback on this solution:
-
Always Use Semantic HTML instead of
div
like<main>
<header>
, etc for more info -
Consider using the h1 element as a top-level heading only (all h1 elements are treated as top-level headings by many screen readers and other tools) like for example use h1 first then h2 etc.
if my solution has helped you do not forget to mark this as helpful!
Marked as helpful1 -
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