Do you want to have some fun with CSS? What about some CSS Quizzes?
π CSS Quizzes π
Selectors, Flexbox, Transform, Gradients... Pick your game! Can you get a perfect score? Show me your results π
Except for the Basic Quiz, all the others aren't easy. Only a few people got a perfect score after many tries! And the quiz is never the same when you try again so good luck! π
Be the first to get a perfect score for a chance to win [insert price here]*. Don't forget to create an account so you can track your progress.
What are you waiting for? Go take a quiz!
* I didn't decide about the price but don't expect money, it will probably be a simple "thank you for your effort"
Top comments (16)
Hi Temani. Some great quizzes. One nit-pick though
The answer is none of the above. All four values are set by the padding declaration, not just the non-zero ones.
True, but assuming that the default value of the padding-* is equal to 0 (and that we don't have any other padding-* rules) we can safely assume that the "equivalence" is correct π
The answer is padding right. Padding goes top, right, bottom, left.
Padding-right is indeed the property that gets set to 20px, yes. Additionally, padding-top, padding-right and padding-bottom get set to 0px, overriding any previous values with the same or lesser precedence. In particular, this removes the default non-zero padding on ol, ul, dialog, fieldset, legend, td and th elements.
Ok I got a perfect score in basic! This amazes me, I'd say even though "basic" it included things I don't use often but have a dim memory of and had to scrape my memory for :) However, now I'm scared stiff of the rest of them!!!!
Nice work! Just finished the first one; looking forward to working my way through the rest! π
It's good to increase our css knowledge through these type of amazing quizzes.
Thanks for sharing amazing content.
I suck at the basic one. I mean, knowing this stuff just indicates you work a lot with it is all. I don't (and like many I don't think I want to, CSS bugs me with its complexity and endless libraries developed to make it simpler and get around shortcomings and ... and ... and ... so I dive into it when I need to with TFM in hand.)
Technically, if
content-boxwere the default box sizing value, we wouldn't need to specify it in CSS resets. Like some other people have pointed out, it's not a cut and dried answer. Might want to reword that question to make reference to the spec default.Note sure what you are talking about but
content-boxis the default value (I am not inventing this)The timer run so fast that I canβt have time to even read the question :v
yeah, time limit is ridiculous :( Β I am phlegmatic by nature and I fail in almost all coding tests with time limits. Despite working in industry for ~7 years and nobody ever complainsΒ about the time of performing tasks by me. :)
I suck at Flexbox/Grid π
I can't even get perfect score in basic one π
Your skill of css is defined by features you DONT use. Fun quiz tho.
Π‘ongratulations π₯³! Your article hit the top posts for the week - dev.to/fruntend/top-10-posts-for-f...
Keep it up π