Hey guys! I'd like to ask you a few questions about CSS. But I warn you, they may confuse you. If that happens, I’ve created that can help you learn more about CSS. a live cheat sheet I’ll leave . You know what to make 😎 Let's go! the link on my Substack newsletter about CSS What is the computed value of the property for the element in the following example? Q1. display .child <div class="parent"> <span class="child">I'm a child</span> </div> .parent { display: flex; } .child { display: inline-grid; } The correct answer is a value. Answer grid What is the gap between the elements in the following example? Q2. .child <div class="parent"> <div class="child">I'm a child #1</div> <div class="child">I'm a child #2</div> </div> <div class="parent-flex"> <div class="child">I'm a child #1</div> <div class="child">I'm a child #2</div> </div> .parent-flex { display: inline-flex; flex-direction: column; } .child:first-child { margin-bottom: 20px; } .child:last-child { margin-top: 10px; } The correct answer is and . Answer 20px 30px What is the computed value of the property for the element in the following example? Q3. width .child <div class="parent"> <span class="child">I'm a child</span> </div> .parent { display: grid; width: 500px; } .child { display: inline; } The correct answer is . Answer 500px The computed value of the property for the element is . True? Q4. width .child 500px <div class="parent"> <span class="child">I'm a child</span> </div> .parent { display: grid; width: 500px; height: 200px; } .child { margin: auto; } No. The computed value is depending on the content. Answer Will the element be centered horizontally and vertically? Q5. .child <div class="parent"> <span class="child">I'm a child</span> </div> .parent { display: flex; height: 200px; } .child { margin: auto; } Yes. Answer 💪 Get more free tips about CSS P.S. directly to your inbox ❤ Thank you so much, my sponsors: Ben Rinehart, Tanya Ten, and Konstantinos Kapenekakis.
