I have solved the problem, but I wonder if there is a better solution to my problem, I have a version at the main with the commit numbered "4362ef1". Since I set my border-radius as 10px in the information class, it is supposed to curve the information box, and it actually did. I assume z-index was lower than the background-color z-index because the background color covered it. How can I solve this issue with the better practice? I solved it using the priority of CSS classes, but it requires lots of repetitive code.
@remmji
Posted
Hello there,
What i strongly recommend is different approach to this project. It is kinda designed to solve it with grid instead of flex. Take a look on Kevin Powell solution on YT which may help you improve this project in no time and teach you basics of grid if you dont know them already ;)
Hope this will be helpful:)
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
