Hi Could I have an assessment of my work on Test your skills: Advanced styling?
Thank you in advance!
Task 1
Task 2
I tried this test in two ways as below, so I would appreciate if you could check both!
Also, when I used pseudo-class following the example, I couldn’t really figure out how to calculate the translate(x, y) position to centre the inner circle of radio buttons.
I could position the inner circle at the centre of the button completely out of luck… Could you please let me know how I should calculate this?
Pseudo-class and flexbox:
Grid:
Task 3
Is there any way I can hide the validation marks on page loads?
Thank you so much for your feedback!
Yes your comments were very helpful, now my results look much better
About task 3, I am assuming that, when I’m only using built-in validations, I can’t turn off/hide the valid/invalid styling on page load… is my understanding correct?