Mozilla splash page assessment wanted


I would like to get some feedback on the Mozilla splash page assessment. Here is the link to it:

The link to the glitch repo:!/rune-resonant-food

Thanks for your help!

1 Like

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.

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

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;

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.

I think its my images. Thanks for your help!