"Mozilla splash page" assessment

A post was merged into an existing topic: Express web framework (Node.js/JavaScript) tutorial

6 posts were split to a new topic: Button styling questions

2 posts were merged into an existing topic: Google Maps API

4 posts were merged into an existing topic: “Fundamental CSS comprehension” assessment

3 posts were merged into an existing topic: “Silly story generator” assessment

3 posts were split to a new topic: CSS Layout questions

Hi Chris, I just finished the Mozilla Splash Page Assessment. I discovered the video I embedded from YouTube doesn’t play (disabled) anytime I use the sandbox attribute on the <iframe> element.

However, if I removed the sandbox attribute, it would play. I even tried using the allow-scripts value on the attribute; it still didn’t work.

It is probably something to do with the YouTube API not allowing its usage, for various reasons. I don’t know exactly why - something to do with security, and Google’s wish to regulate how the content is manipulated.

So I am learning here that solving the problems is the part of the creative work as a web developer or any occupation related to this world of internet where people Explore, Learn, Apply, Create and Contribute. Great !

1 Like

Hey there! Glad to hear that we are helping you to learn. Please let us know if you have any questions.

1 Like

2 posts were merged into an existing topic: I have some questions as a Learning web development form beginner stage

8 posts were merged into an existing topic: “Silly story generator” assessment

A post was merged into an existing topic: “Silly story generator” assessment

2 posts were merged into an existing topic: “Typesetting a community school home page” assessment

2 posts were merged into an existing topic: “Silly story generator” assessment

2 posts were merged into an existing topic: “Adding features to our bouncing balls demo” assessment

2 posts were merged into an existing topic: “Silly story generator” assessment

6 posts were merged into an existing topic: “Structuring planet data” assessment

2 posts were merged into an existing topic: “Fundamental CSS comprehension” assessment

Dear Mozilla,

First off, thank you for providing the excellent “Learn Web Development” tutorial and associated MDN resources. Phenomenal stuff.

I was wondering if you could provide some general feedback on my Mozilla-splash-page exercise. I noticed it doesn’t scale very well past < ~360px when inspected in responsive design mode (words / icons get truncated, go off screen) despite example solution picture being 321.5px and looking fine. Is that a default behavior or do I need to make some significant changes?

https://massproduced.github.io/mozilla-responsive/

Any input appreciated.

Kind Regards
Martin P.