Resources

Challenge: Sizing and decorating a content panel

developer.mozilla.org

In this challenge you are provided with a lightly-styled page structure that renders a content panel containing text and images, with a heading at the top and a button bar at the bottom. We want you to follow the instructions to size and decorate it, producing an interesting layout as a result. Along the way, we'll test your knowledge of CSS values and units, sizing, overflow, and backgrounds and borders.

Visit Site

Listing
Challenge: A mobile-first layoutdeveloper.mozilla.org Media query fundamentalsdeveloper.mozilla.org Test your skills: Responsive web design and media queriesdeveloper.mozilla.org Attribution and copyright licensingdeveloper.mozilla.org Web development tutorialsdeveloper.mozilla.org Web developer guidesdeveloper.mozilla.org Pancakes Are Delicious and Data Centers Are for Free StuffThenewstack Transform and Future-Proof Your Architecture with MACHThenewstack Selecting the Right Database for Your MicroservicesThenewstack How Hunch supercharged AI workflows with Modal SandboxesModal Scaling Organizations Should Consider Building a Website Backed by a CRM PlatformCss Tricks Supporting the jsDelivr open source CDN with bandwidth for developersBunny Best AI Video Generator for TikTok in 2026 (Tried & Tested)Heygen Facebook Subscription Groups for ContentHeygen View - MintlifyMintlify This Week in Programming: Google Gets into the Open Source Insights GameThenewstack Linux Foundation: Why Open Source Needs Research NowThenewstack Push vs. Pull in GitOps: Is There Really a Difference?Thenewstack Magma Brings a Systems Approach to Wireless NetworkingThenewstack DuckDB, the great federator?Motherduck