I learnt that webkits extension used to style the meter element is not support on safari , chrome etc so i used different approach to make a new meter bar which worked perfectly : ) And also the use of grids was useful as always, it's becoming a everyday habit to use grids lol
Ehy felix, nice code! It's works everything fine! I like so much the Hover effect on the <a> in the attribution! Nice job! ;) One tip that I can give you is to add the "Height" value on your css code in "main", like this:
main {
display: flex;
place-content: center;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
In this way your page will be center in the middle of the screen!
And like plus, if you like Animations check out my code about this challenge! I just found these animations (fade in of the page and animation about progress bar) here in the page of the solutions in frontend mentor. I hope they help you! ;) Link to my solution
Again good job and continue programming! Have a nice day! :)