# Assessment wanted for CSS First Stepsss

**URL:** <https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566>\
**Category:** Learn\
**Created:** [August 15, 2021, 2:43pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566 "2021-08-15T14:43:27Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Damaged\_Coda](https://avatars.discourse-cdn.com/v4/letter/d/da6949/32.png) [@Damaged\_Coda](https://discourse.mozilla.org/u/Damaged_Coda)\
**Post date:** [August 15, 2021, 2:43pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566/1 "2021-08-15T14:43:27Z")

</div>

> **[Challenge: Styling a biography page - Learn web development | MDN](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Styling_a_bio_page)**
>
> In this challenge you will style a simple bio page, testing you on some of the skills you learned in the last couple of lessons including writing selectors and text styling.

[https://mdn-css-assessment.glitch.me](https://mdn-css-assessment.glitch.me)

---

<div class="post-metadata">

**Author:** ![justsomeone](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/justsomeone/32/67787_2.png) [@justsomeone](https://discourse.mozilla.org/u/justsomeone)\
**Post date:** [August 15, 2021, 5:59pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566/2 "2021-08-15T17:59:23Z")

</div>

Hello @Damaged_Coda

you doing great well done but it would be better to share link to the code not just the output

and have a nice day 🙂

---

<div class="post-metadata">

**Author:** ![Damaged\_Coda](https://avatars.discourse-cdn.com/v4/letter/d/da6949/32.png) [@Damaged\_Coda](https://discourse.mozilla.org/u/Damaged_Coda)\
**Post date:** [August 16, 2021, 1:52pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566/3 "2021-08-16T13:52:14Z")

</div>

well, you can look at the source, can’t you?

---

<div class="post-metadata">

**Author:** ![justsomeone](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/justsomeone/32/67787_2.png) [@justsomeone](https://discourse.mozilla.org/u/justsomeone)\
**Post date:** [August 16, 2021, 2:25pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566/4 "2021-08-16T14:25:57Z")

</div>

i can but i have to navigate to the inspector to check the css which is not good when you want to read the whole page

---

<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:** [August 16, 2021, 5:56pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566/5 "2021-08-16T17:56:17Z")

</div>

Hi @Damaged_Coda and @justsomeone 👋

I hope I’am allowed to add my two cents 🙂

1. By looking at the inspector you’re watching the live DOM. Which means this view was built by the browser after trying everything possible to display the source code. Especially when doing assessments it’s helpful to see the unedited version. This way one can spot missing closing tags and such. Therefore it’s better to use the context menu and click “view source”. But than again you have to also open the linked CSS file…
2. One big advantage of having the code page of glitch is (for me at least) to easily remix the project and test some changes, if there is something wrong in the task.

I hope that helps to understand how adding an additional link makes the life easier for us who are assessing tasks 😊

Have a nice day both of you!  
Michael

---

<div class="post-metadata">

**Author:** ![Damaged\_Coda](https://avatars.discourse-cdn.com/v4/letter/d/da6949/32.png) [@Damaged\_Coda](https://discourse.mozilla.org/u/Damaged_Coda)\
**Post date:** [August 16, 2021, 6:35pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566/6 "2021-08-16T18:35:48Z")

</div>

ok, thanks for explaining, thanks to both of you.

---

<div class="post-metadata">

**Author:** ![Damaged\_Coda](https://avatars.discourse-cdn.com/v4/letter/d/da6949/32.png) [@Damaged\_Coda](https://discourse.mozilla.org/u/Damaged_Coda)\
**Post date:** [August 16, 2021, 6:40pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566/7 "2021-08-16T18:40:00Z")

</div>

btw here’s my code.  
[https://glitch.com/edit/#!/mdn-css-assessment](https://glitch.com/edit/#!/mdn-css-assessment)

---

<div class="post-metadata">

**Author:** ![justsomeone](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/justsomeone/32/67787_2.png) [@justsomeone](https://discourse.mozilla.org/u/justsomeone)\
**Post date:** [August 16, 2021, 8:05pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566/8 "2021-08-16T20:05:32Z")

</div>

Hi @mikoMK thanks a lot for those cents 😉 and thanks a lot and you too 🙂

---

<div class="post-metadata">

**Author:** ![justsomeone](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/justsomeone/32/67787_2.png) [@justsomeone](https://discourse.mozilla.org/u/justsomeone)\
**Post date:** [August 16, 2021, 8:12pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-css-first-stepsss/84566/9 "2021-08-16T20:12:13Z")

</div>

you very welcome and thanks for the link  
you doing great well done you just missed to add some padding to the ul element as required in step 4

Give the `ul` used for the contact details a [`background-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color) of `#eeeeee` , and a 5px solid purple [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border). Use some [`padding`](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) to push the content away from the border.

and have a nice day 🙂