# Mozilla splash page assessment wanted

**URL:** <https://discourse.mozilla.org/t/mozilla-splash-page-assessment-wanted/76989>\
**Category:** Learn\
**Tags:** learning, feedback\
**Created:** [March 14, 2021, 2:50pm UTC](https://discourse.mozilla.org/t/mozilla-splash-page-assessment-wanted/76989 "2021-03-14T14:50:49Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jenbn](https://avatars.discourse-cdn.com/v4/letter/j/77aa72/32.png) [@Jenbn](https://discourse.mozilla.org/u/Jenbn)\
**Post date:** [March 14, 2021, 2:50pm UTC](https://discourse.mozilla.org/t/mozilla-splash-page-assessment-wanted/76989/1 "2021-03-14T14:50:49Z")

</div>

Hello!

I would like to get some feedback on the Mozilla splash page assessment. Here is the link to it: [https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia\_and\_embedding/Mozilla\_splash\_page](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Mozilla_splash_page)

The link to the glitch repo: [https://glitch.com/edit/#!/rune-resonant-food](https://glitch.com/edit/#!/rune-resonant-food)  
[https://rune-resonant-food.glitch.me](https://rune-resonant-food.glitch.me)

Thanks for your help!

---

<div class="post-metadata">

**Author:** ![Ran](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/ran/32/56779_2.png) [@Ran](https://discourse.mozilla.org/u/Ran)\
**Post date:** [March 25, 2021, 12:17am UTC](https://discourse.mozilla.org/t/mozilla-splash-page-assessment-wanted/76989/2 "2021-03-25T00:17:02Z")

</div>

Hi @Jenbn, I have just done this and learnt a few things from the way you structured the tags. Specifically removing the height from the iframe meant that it automatically takes on the correct dimension. Like you I only used an img for the svg however I was doing this locally and had to use a srcset otherwise I got the alt text. I used paint to resise and for the first two images I got a white backgroud. How did you get a red background? Thanks a lot for sharing this. It gave me an opportunity to look if mine was OK.

---

<div class="post-metadata">

**Author:** ![Jenbn](https://avatars.discourse-cdn.com/v4/letter/j/77aa72/32.png) [@Jenbn](https://discourse.mozilla.org/u/Jenbn)\
**Post date:** [March 25, 2021, 9:57am UTC](https://discourse.mozilla.org/t/mozilla-splash-page-assessment-wanted/76989/3 "2021-03-25T09:57:02Z")

</div>

Hi Ran!  
Thanks for your comment. About the images, I specified the background color in the CSS.

---

<div class="post-metadata">

**Author:** ![Ran](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/ran/32/56779_2.png) [@Ran](https://discourse.mozilla.org/u/Ran)\
**Post date:** [March 25, 2021, 10:58am UTC](https://discourse.mozilla.org/t/mozilla-splash-page-assessment-wanted/76989/4 "2021-03-25T10:58:26Z")

</div>

Hi @Jenbn  
You are welcome. It was not as easy as I thought it would be. Just wondering did you put it on this tag.

```auto
      .further-info img {
        max-width: 100%;
        background-color: #c13832;
      }

```

---

<div class="post-metadata">

**Author:** ![Jenbn](https://avatars.discourse-cdn.com/v4/letter/j/77aa72/32.png) [@Jenbn](https://discourse.mozilla.org/u/Jenbn)\
**Post date:** [March 25, 2021, 11:14am UTC](https://discourse.mozilla.org/t/mozilla-splash-page-assessment-wanted/76989/5 "2021-03-25T11:14:02Z")

</div>

Hi Ran,

No I specified the background-color in the /.further-info /  
In /.further-info img/ I only left the max-width.

```
 .further-info {
    clear: left;
    padding: 40px 0;
    background: #c13832;
    box-shadow: inset 0 3px 2px rgba(0,0,0,0.5),
                inset 0 -3px 2px rgba(0,0,0,0.5);
  }

```

I hope this helps you.

---

<div class="post-metadata">

**Author:** ![Ran](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/ran/32/56779_2.png) [@Ran](https://discourse.mozilla.org/u/Ran)\
**Post date:** [March 28, 2021, 9:06am UTC](https://discourse.mozilla.org/t/mozilla-splash-page-assessment-wanted/76989/6 "2021-03-28T09:06:34Z")

</div>

I think its my images. Thanks for your help!