# Assessment wanted for Fundamental CSS comprehension (Task 1)

**URL:** <https://discourse.mozilla.org/t/assessment-wanted-for-fundamental-css-comprehension-task-1/99045>\
**Category:** Learn\
**Created:** [June 29, 2022, 12:29am UTC](https://discourse.mozilla.org/t/assessment-wanted-for-fundamental-css-comprehension-task-1/99045 "2022-06-29T00:29:14Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![EiN](https://avatars.discourse-cdn.com/v4/letter/e/e5b9ba/32.png) [@EiN](https://discourse.mozilla.org/u/EiN)\
**Post date:** [June 29, 2022, 12:29am UTC](https://discourse.mozilla.org/t/assessment-wanted-for-fundamental-css-comprehension-task-1/99045/1 "2022-06-29T00:29:14Z")

</div>

Assessment wanted for Fundamental CSS comprehension

Link to task: [https://developer.mozilla.org/en-US/docs/Learn/CSS/Building\_blocks/Fundamental\_CSS\_comprehension#in\_this\_module](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Fundamental_CSS_comprehension#in_this_module)

Link to my code: [https://jsfiddle.net/EiNzp/c10gtxjy/1/](https://jsfiddle.net/EiNzp/c10gtxjy/1/)

Thanks 😉

---

<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:** [July 1, 2022, 10:41am UTC](https://discourse.mozilla.org/t/assessment-wanted-for-fundamental-css-comprehension-task-1/99045/2 "2022-07-01T10:41:46Z")

</div>

Hi @EiN

Nice work on this exercise!

The `height` of the header and footer text don’t have an effect on the layout. You could use `line-height`. This would make sure that the text is vertically centered. You just have to make sure that `font-size` and `line-height` multiplied are equal the height of the header/footer:

```auto
.card header h2 {
  font-size: 2em;
  line-height: 1.5;
  /* 2em x 1.5 = 3em (height of header) */
}

.card footer p {
  font-size: 1.5em;
  line-height: 2;
  /* 1.5em x 2 = 3em (height of footer) */
}

```

Cheers,  
Michael

---

<div class="post-metadata">

**Author:** ![EiN](https://avatars.discourse-cdn.com/v4/letter/e/e5b9ba/32.png) [@EiN](https://discourse.mozilla.org/u/EiN)\
**Post date:** [July 3, 2022, 7:07am UTC](https://discourse.mozilla.org/t/assessment-wanted-for-fundamental-css-comprehension-task-1/99045/3 "2022-07-03T07:07:12Z")

</div>

Thank you for your comment and for checking my work. Thanks to him, I noticed and eliminated my mistake, and even more understood the topic of text centering.  
Your comments and remarks help me a lot in learning, thank you.