# Request of final CSS for Fundamental CSS comprehension

**URL:** <https://discourse.mozilla.org/t/request-of-final-css-for-fundamental-css-comprehension/112342>\
**Category:** Learn\
**Tags:** learning\
**Created:** [March 19, 2023, 11:45pm UTC](https://discourse.mozilla.org/t/request-of-final-css-for-fundamental-css-comprehension/112342 "2023-03-19T23:45:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![JoaqinCs](https://avatars.discourse-cdn.com/v4/letter/j/d6d6ee/32.png) [@JoaqinCs](https://discourse.mozilla.org/u/JoaqinCs)\
**Post date:** [March 19, 2023, 11:45pm UTC](https://discourse.mozilla.org/t/request-of-final-css-for-fundamental-css-comprehension/112342/1 "2023-03-19T23:45:41Z")

</div>

Hi, could you please send me the final version of CSS for this exercise, so that I can compare it with mine and notice what my mistakes are?

---

<div class="post-metadata">

**Author:** ![mikoMK](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/mikomk/32/50456_2.png) [@mikoMK](https://discourse.mozilla.org/u/mikoMK)\
**Post date:** [March 20, 2023, 8:38am UTC](https://discourse.mozilla.org/t/request-of-final-css-for-fundamental-css-comprehension/112342/2 "2023-03-20T08:38:46Z")

</div>

Hi @JoaqinCs and welcome to the community 👋

For the assessments you can find the solution code together with a marking guide in a folder next to the folder with the starting code on GitHub. For this exercise this would be here: [https://github.com/mdn/learning-area/tree/main/css/introduction-to-css/fundamental-css-comprehension-finished](https://github.com/mdn/learning-area/tree/main/css/introduction-to-css/fundamental-css-comprehension-finished).

For the smaller “skill tests” the marking guide is mostly in the same folder as the starting code.

I hope that helps 🙂

Have a nice day,  
Michael

PS: Your email address is visible in your post. It ended up in the optional “name” field of your profile. I recommend removing it.

---

<div class="post-metadata">

**Author:** ![JoaqinCs](https://avatars.discourse-cdn.com/v4/letter/j/d6d6ee/32.png) [@JoaqinCs](https://discourse.mozilla.org/u/JoaqinCs)\
**Post date:** [March 26, 2023, 4:50pm UTC](https://discourse.mozilla.org/t/request-of-final-css-for-fundamental-css-comprehension/112342/3 "2023-03-26T16:50:18Z")

</div>

Hi, Michael:

I have a follow-up question for the Fundamental CSS comprehension. Why is the correct line height 1.5 to place the

## in the center of the header’s content box? How you calculate that number?

Thank you

---

<div class="post-metadata">

**Author:** ![mikoMK](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/mikomk/32/50456_2.png) [@mikoMK](https://discourse.mozilla.org/u/mikoMK)\
**Post date:** [March 26, 2023, 5:30pm UTC](https://discourse.mozilla.org/t/request-of-final-css-for-fundamental-css-comprehension/112342/4 "2023-03-26T17:30:38Z")

</div>

The forum removed the markup in your post, but I think I know what you’re trying to ask. Otherwise, let me know. 😁

The actual line height will be calculated by multiplying the `font-size` of the element with the `line-height` value. For the header this results in 2em \* 1.5 = 3em. The height of the header content is also define as `height: 3em;` in another selector. So the actual line height and the `height` match, which will result in the vertically centered text.
