Welcome to the Mozilla Demo Studio, where developers like you can develop, share, demonstrate, and learn all about Web technologies. See what's possible by exploring Demo Studio:
CSS Media Queries allow Web developers to create responsive Web designs, tailoring the user experience for a range of screen sizes, including desktops, tablets, and mobiles.
Resize the browser window and strange things will happen in the living room.
Changes several properties of the elements as you resize the browser window.
A demo/test page for a blog/portfolio site with Media Queries and Masonry suitable for every resolution.
example browser size dependent web layout using mediaqueries
A responsive design for YouTube, with CSS3 media queries.
Mandelbrot fractal animation with automatized media queries
Perform the moonwalk by using media queries
Try to change browser window size to check how many fish run away from the water
1–10 of 15