Mozilla splash page assessment wanted

MDN Learn
,
1

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

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

Thanks for your help!

1 Like
2

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.

3

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

4

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.

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

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.

6

I think its my images. Thanks for your help!