Create your own CSS fixed or fluid layouts for websites, blogs and software. The basic format for a CSS layout begins with the container settings, then the header, a horizontal navigational section, ...

Pencil.dev focuses on design-to-code speed versus static tools; upcoming reusable component libraries are planned for 2026.

Google’s Web.dev published a group of layouts that depend on a single line of CSS to make them work. These layouts are mobile friendly, fast loading and ready to be incorporated into a web project.

There’s growing pressure in the Web design community for designers to abandon tables as a tool for page layout. In fact, the W3C (the body responsible for creating Web standard recommendations) ...

Flexbox Froggy teaches Flexbox layout through interactive challenges with cute frogs. Flexbox Zombies offers a fun way to learn Flexbox with zombie-themed challenges and advice. CSSBattle challenges ...