Hello Guys today i want to ask some basic but tricky questions in CSS which i found interesting.

Let's get started...

Ques. 1 - Why float elements make their parent container height 0px?

Ques. 2 - Why inline-block elements have default space between them even there is no margin?

Ques. 3 - How clearfix works in CSS ?

Ques. 4 - How to center element in absolute or relative positioning without using margins or paddings or text align?

Ques. 5 - Can we use margins in html email templates?

Ques. 6 - Can we manually provide width and height to span element and if no how can we do it?

Ques. 7 - how can we change the scrollbar styling in CSS?

Ques. 8 - Suppose you have 12 paragraphs , how can you target and give every fourth element a text color of violet?(this one not so tricky)

Ques. 9 - Suppose we have a triangle shape in a div how can we provide the shadow to the triangle ? (Box shadow will provide the shadow to the div element which will be sqaure but not to the triangle)

Ques. 10 - Suppose we have 5 elements and we provided an animation to all those 5 elements but we want to have a delay of 0.3s between every element, first will run after 0.3s, second will run after 0.6s and so on. How can we give that delay without using separate classes to those elements and using a single class to all elements?

THANK YOU FOR CHECKING THIS POST

You can contact me on -
Instagram - https://www.instagram.com/supremacism__shubh/
LinkedIn - https://www.linkedin.com/in/shubham-tiwari-b7544b193/
Email - shubhmtiwri00@gmail.com

^^You can help me by some donation at the link below Thank you👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well
https://dev.to/shubhamtiwari909/js-push-and-pop-with-arrays-33a2/edit

https://dev.to/shubhamtiwari909/tostring-in-js-27b

https://dev.to/shubhamtiwari909/join-in-javascript-4050

https://dev.to/shubhamtiwari909/going-deep-in-array-sort-js-2n90