# Assessment wanted for Mozilla splash page 12/26

**URL:** <https://discourse.mozilla.org/t/assessment-wanted-for-mozilla-splash-page-12-26/72795>\
**Category:** MDN\
**Tags:** learning\
**Created:** [December 26, 2020, 8:10pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-mozilla-splash-page-12-26/72795 "2020-12-26T20:10:00Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![SaulWD](https://avatars.discourse-cdn.com/v4/letter/s/ad7895/32.png) [@SaulWD](https://discourse.mozilla.org/u/SaulWD)\
**Post date:** [December 26, 2020, 8:10pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-mozilla-splash-page-12-26/72795/1 "2020-12-26T20:10:00Z")

</div>

Hello, could you please take a look at this assessment:  
[Mozilla splash page - SaulWD glitch.com](https://square-slime-effect.glitch.me)

[Link to code in glitch.com](https://glitch.com/edit/#!/square-slime-effect)

Here is the link to the assessment instructions:  
[Mozilla splash page](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page)

I noticed 2 issues (there might be more):

- For some reason in mobile mode my Firefox logo is partially covering the “Mozilla” text in header.
- 3 out of 4 images in the link section have white background instead of red backgrounds I saw in other examples of this assessment.

Please let me know why these 2 issues occur or if you find anything else wrong with it.

---

<div class="post-metadata">

**Author:** ![blankname](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/blankname/32/42536_2.png) [@blankname](https://discourse.mozilla.org/u/blankname)\
**Post date:** [December 26, 2020, 11:30pm UTC](https://discourse.mozilla.org/t/assessment-wanted-for-mozilla-splash-page-12-26/72795/2 "2020-12-26T23:30:52Z")

</div>

> [@SaulWD](#):
>
> - 3 out of 4 images in the link section have white background instead of red backgrounds I saw in other examples of this assessment.

Thats because the image source is **png** and not **svg** , you can google mozzilla logo svg and copy the source link and then make the alterations in ur code.  
[mozilla logo svg](https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/Firefox_logo%2C_2019.svg/1200px-Firefox_logo%2C_2019.svg.png)

> [@](#):
>
> - For some reason in mobile mode my Firefox logo is partially covering the “Mozilla” text in header.

For this, i dont know how to fix it, maybe it isn’t needed because nowdays rarely someone is using a screen smaller than 340px, that is the size when the logo starts overflowing the **h1**