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.

CodePen

Read My Stories

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

Answers to 5 CSS Questions that May Confuse You

Too Long; Didn't Read

Companies Mentioned

Stas Melnikov

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Answers to 5 CSS Questions that May Confuse You

Too Long; Didn't Read

Companies Mentioned

Stas Melnikov

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES