Submitted about 2 years ago
responsive notification page using reactjs
@MiR-stack
Design comparison
SolutionDesign
Solution retrospective
how can i fix that active red button?
Community feedback
- @john-miragePosted about 2 years ago
Hello,
You active red circle is in absolute position and at 50% of the top (not vertically centered), the problem is that if your text is more than 2 lines, the red circle will move at 50% from the top of the 2 or more lines.
My suggestion is to remove the absolute position and to display your red circle as inline-block so he will follow the text.
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