@prefix rdf: . @prefix schema: . rdf:type schema:CreativeWork . @prefix owl: . @prefix ns3: . owl:sameAs ns3:this . @prefix ns4: . ns4:alternate ; ns4:apple-touch-icon ; ns4:canonical ; ns4:description "Hello, I\u00E2\u0080\u0099m currently doing the \u00E2\u0080\u009CMozilla Splash page\u00E2\u0080\u009D assessment. I can get everything to work except for the part with the responsive images. Here\u00E2\u0080\u0099s a snippet of my HTML doc: > ; ns4:next ; ns4:search ; ns4:stylesheet , ; ns4:theme-color "#ffffff" ; ns4:viewport "width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover" . @prefix foaf: . foaf:topic _:vb1077146 , _:vb1077147 , _:vb1077144 , _:vb1077145 , _:vb1077150 , _:vb1077151 , _:vb1077148 , _:vb1077149 , _:vb1077142 , _:vb1077143 , _:vb1077178 , _:vb1077179 , _:vb1077176 , _:vb1077177 , _:vb1077182 , _:vb1077183 , _:vb1077180 , _:vb1077181 , _:vb1077170 , _:vb1077171 , _:vb1077168 , _:vb1077169 , _:vb1077174 , _:vb1077175 , _:vb1077172 , _:vb1077173 , _:vb1077162 , _:vb1077163 , _:vb1077160 , _:vb1077161 , _:vb1077166 , _:vb1077167 , _:vb1077164 , _:vb1077165 , _:vb1077154 , _:vb1077155 , _:vb1077152 , _:vb1077153 , _:vb1077158 , _:vb1077159 , _:vb1077156 , _:vb1077157 , _:vb1077210 , _:vb1077211 , _:vb1077208 , _:vb1077209 , _:vb1077214 , _:vb1077215 , _:vb1077212 , _:vb1077213 , _:vb1077202 , _:vb1077203 , _:vb1077200 , _:vb1077201 , _:vb1077206 , _:vb1077207 , _:vb1077204 , _:vb1077205 , _:vb1077194 , _:vb1077195 , _:vb1077192 , _:vb1077193 , _:vb1077198 , _:vb1077199 , _:vb1077196 , _:vb1077274 , _:vb1077197 , _:vb1077186 , _:vb1077187 , _:vb1077272 , _:vb1077273 , _:vb1077184 , _:vb1077185 , _:vb1077190 , _:vb1077191 , _:vb1077188 , _:vb1077266 , _:vb1077189 , _:vb1077267 , _:vb1077242 , _:vb1077243 , _:vb1077264 , _:vb1077265 , _:vb1077240 , _:vb1077270 , _:vb1077241 , _:vb1077271 , _:vb1077246 , _:vb1077247 , _:vb1077268 , _:vb1077269 , _:vb1077244 , _:vb1077258 , _:vb1077245 , _:vb1077259 , _:vb1077234 , _:vb1077235 , _:vb1077256 , _:vb1077257 , _:vb1077232 , _:vb1077262 , _:vb1077233 , _:vb1077263 , _:vb1077238 , _:vb1077239 , _:vb1077260 , _:vb1077261 , _:vb1077236 , _:vb1077250 , _:vb1077237 , _:vb1077251 , _:vb1077226 , _:vb1077227 , _:vb1077248 , _:vb1077249 , _:vb1077224 , _:vb1077254 , _:vb1077225 , _:vb1077255 , _:vb1077230 , _:vb1077231 , _:vb1077252 , _:vb1077253 , _:vb1077228 , _:vb1077229 , _:vb1077218 , _:vb1077219 , _:vb1077216 , _:vb1077217 , _:vb1077222 , _:vb1077223 , _:vb1077220 , _:vb1077221 ; schema:mainEntity . @prefix md: . md:item _:vb1077274 , _:vb1077272 , _:vb1077273 , _:vb1077266 , _:vb1077267 , _:vb1077264 , _:vb1077265 , _:vb1077270 , _:vb1077271 , _:vb1077268 , _:vb1077269 , _:vb1077258 , _:vb1077259 , _:vb1077256 , _:vb1077257 , _:vb1077262 , _:vb1077263 , _:vb1077260 , _:vb1077261 , _:vb1077250 , _:vb1077251 , _:vb1077248 , _:vb1077249 , _:vb1077254 , _:vb1077255 , _:vb1077252 , _:vb1077253 , _:vb1077210 , _:vb1077211 , _:vb1077208 , _:vb1077209 , _:vb1077214 , _:vb1077215 , _:vb1077212 , _:vb1077213 , _:vb1077202 , _:vb1077203 , _:vb1077200 , _:vb1077201 , _:vb1077206 , _:vb1077207 , _:vb1077204 , _:vb1077205 , _:vb1077194 , _:vb1077195 , _:vb1077192 , _:vb1077193 , _:vb1077198 , _:vb1077199 , _:vb1077196 , _:vb1077197 , _:vb1077186 , _:vb1077187 , _:vb1077184 , _:vb1077185 , _:vb1077190 , _:vb1077191 , _:vb1077188 , _:vb1077189 , _:vb1077242 , _:vb1077243 , _:vb1077240 , _:vb1077241 , _:vb1077246 , _:vb1077247 , _:vb1077244 , _:vb1077245 , _:vb1077234 , _:vb1077235 , _:vb1077232 , _:vb1077233 , _:vb1077238 , _:vb1077239 , _:vb1077236 , _:vb1077237 , _:vb1077226 , _:vb1077227 , _:vb1077224 , _:vb1077225 , _:vb1077230 , _:vb1077231 , _:vb1077228 , _:vb1077229 , _:vb1077218 , _:vb1077219 , _:vb1077216 , _:vb1077217 , _:vb1077222 , _:vb1077223 , _:vb1077220 , _:vb1077221 , _:vb1077146 , _:vb1077147 , _:vb1077144 , _:vb1077145 , _:vb1077150 , _:vb1077151 , _:vb1077148 , _:vb1077149 , _:vb1077142 , _:vb1077143 , _:vb1077178 , _:vb1077179 , _:vb1077176 , _:vb1077177 , _:vb1077182 , _:vb1077183 , _:vb1077180 , _:vb1077181 , _:vb1077170 , _:vb1077171 , _:vb1077168 , _:vb1077169 , _:vb1077174 , _:vb1077175 , _:vb1077172 , _:vb1077173 , _:vb1077162 , _:vb1077163 , _:vb1077160 , _:vb1077161 , _:vb1077166 , _:vb1077167 , _:vb1077164 , _:vb1077165 , _:vb1077154 , _:vb1077155 , _:vb1077152 , _:vb1077153 , _:vb1077158 , _:vb1077159 , _:vb1077156 , _:vb1077157 . @prefix ns7: . ns7:card "summary" ; ns7:description "Hello, I\u00E2\u0080\u0099m currently doing the \u00E2\u0080\u009CMozilla Splash page\u00E2\u0080\u009D assessment. I can get everything to work except for the part with the responsive images. Here\u00E2\u0080\u0099s a snippet of my HTML doc: > > images/dino400.png 400w\" > sizes=\"(max-width: 480px) 120px, > (min-width: 481px) 400px\" > src=\"images/dino400.png\" alt=\"a red dinosaur..." ; ns7:image "https://discourse-prod-uploads-81679984178418.s3.dualstack.us-west-2.amazonaws.com/original/3X/1/e/1e9bf330a7eb757e98e400cdc695a6037f2ce9a0.png" ; ns7:title "\"Mozilla splash page\" assessment" ; ns7:url "https://discourse.mozilla.org/t/mozilla-splash-page-assessment/24679" . @prefix void: . void:sparqlEndpoint ; schema:url . _:vb1077142 rdf:type "http://schema.org/BreadcrumbList" . @prefix pwdr: . _:vb1077142 pwdr:describedby ; _:vb1077143 , _:vb1077144 . _:vb1077143 rdf:type "http://schema.org/ListItem" ; pwdr:describedby ; "1" ; ; "MDN" . _:vb1077144 rdf:type "http://schema.org/ListItem" ; pwdr:describedby ; "2" ; ; "Learn" . _:vb1077145 rdf:type "http://schema.org/DiscussionForumPosting" ; _:vb1077146 ; _:vb1077148 ; pwdr:describedby ; "2018-01-22T21:37:04Z" ; ; "\n Hello, I\u00E2\u0080\u0099m currently doing the \u00E2\u0080\u009CMozilla Splash page\u00E2\u0080\u009D assessment. I can get everything to work except for the part with the responsive images. Here\u00E2\u0080\u0099s a snippet of my HTML doc:\n> \n> images/dino400.png 400w\"\n> sizes=\"(max-width: 480px) 120px,\n> (min-width: 481px) 400px\"\n> src=\"images/dino400.png\" alt=\"a red dinosaur head\">\n> \n\nIs there anything wrong with my code? I can\u00E2\u0080\u0099t see any differences whenever I resize my browser.\n " ; "\"Mozilla splash page\" assessment" ; "" ; "#1" ; "2017-08-03T07:43:06Z" ; _:vb1077150 , _:vb1077149 . _:vb1077146 rdf:type "http://schema.org/Organization" ; pwdr:describedby ; "Mozilla Community" ; _:vb1077147 . _:vb1077147 rdf:type "http://schema.org/ImageObject" ; pwdr:describedby ; "https://discourse-prod-uploads-81679984178418.s3.dualstack.us-west-2.amazonaws.com/original/2X/a/a8c5bb703f44979bd8d93af91e6a3b62ba9f2a45.png" . _:vb1077148 rdf:type "http://schema.org/Person" ; pwdr:describedby ; "willjhnsn" . @prefix ns10: . _:vb1077148 ns10:willjhnsn . _:vb1077149 rdf:type "http://schema.org/InteractionCounter" ; pwdr:describedby ; "http://schema.org/LikeAction" ; "2" . _:vb1077150 rdf:type "http://schema.org/InteractionCounter" ; pwdr:describedby ; "http://schema.org/CommentAction" ; "1" . _:vb1077151 rdf:type "http://schema.org/ItemList" ; pwdr:describedby ; _:vb1077152 , _:vb1077153 , _:vb1077154 . _:vb1077152 rdf:type "http://schema.org/ListItem" ; pwdr:describedby ; "1" ; ; "Learning web development: Marking guides and questions" ; "https://discourse.mozilla.org/t/learning-web-development-marking-guides-and-questions/16294/45" . _:vb1077153 rdf:type "http://schema.org/ListItem" ; pwdr:describedby ; "2" ; ; "Learning web development: Marking guides and questions" ; "https://discourse.mozilla.org/t/learning-web-development-marking-guides-and-questions/16294/53" . _:vb1077154 rdf:type "http://schema.org/ListItem" ; pwdr:describedby ; "3" ; ; "Learning web development: Marking guides and questions" ; "https://discourse.mozilla.org/t/learning-web-development-marking-guides-and-questions/16294/84" . _:vb1077155 rdf:type "http://schema.org/DiscussionForumPosting" ; _:vb1077156 ; _:vb1077158 ; pwdr:describedby ; "2018-01-22T21:19:55Z" ; ; "\n \n\n\n willjhnsn:\n\nHello, I\u00E2\u0080\u0099m currently doing the \u00E2\u0080\u009CMozilla Splash page\u00E2\u0080\u009D assessment. I can get everything to work except for the part with the responsive images. Here\u00E2\u0080\u0099s a snippet of my HTML doc:\n> \n> images/dino400.png 400w\u00E2\u0080\u009D\n> sizes=\"(max-width: 480px) 120px,\n> (min-width: 481px) 400px\"\n> src=\u00E2\u0080\u009Cimages/dino400.png\u00E2\u0080\u009D alt=\u00E2\u0080\u009Ca red dinosaur head\u00E2\u0080\u009D>\n> \nIs there anything wrong with my code? I can\u00E2\u0080\u0099t see any differences whenever I resize my browser.\n\n\nI\u00E2\u0080\u0099ve not looked at this stuff for a while, but your code looks pretty reasonable.\nTry comparing your code to the finished version here:\nhttps://mdn.github.io/learning-area/html/multimedia-and-embedding/mdn-splash-page-finished/\n\n \n github.com\n \n \n mdn/learning-area/blob/master/html/multimedia-and-embedding/mdn-splash-page-finished/index.html\n\n\n \n \n \n Mozilla splash page\n \n