CSS Layouts Archives

CSS Layouts

Explore various layout types, including flexible, responsive, and grid-based layouts, learn about the latest CSS features, like Flexbox and Grid, and find the resources that will help improve your CSS layout skills.

View all CSS content

25+ Free Tailwind CSS Admin Dashboard Templates

25+ Free Tailwind CSS Admin Dashboard Templates

By
CSS

A collection of the best free Tailwind CSS dashboard templates – perfect for developers looking to create responsive, customizable web projects quickly.

20 Free Tailwind CSS Web Templates for Designers & Developers

20 Free Tailwind CSS Web Templates for Designers & Developers

By
CSS

Kickstart your next web project with these free Tailwind CSS templates. Find the perfect layout for any project, from simple to advanced.

100 Tiny CSS Tools & Apps for Web Designers

100 Tiny CSS Tools & Apps for Web Designers

By
CSS

All of these free tools and apps have been built as time-saving problem solvers to some of the more time-consuming areas of CSS development.

The 50+ Best Free Responsive HTML Web Templates for 2025

The 50+ Best Free Responsive HTML Web Templates for 2025

By
CSS / UI Design

A collection of HTML and CSS web layout templates that are perfect for building your next website. All templates are responsive and free.

How to Target Design Elements with the CSS :not Pseudo-Class

How to Target Design Elements with the CSS :not Pseudo-Class

By
CSS / UI Design

:not allows you to target elements that do not match a list of provided selectors. The result is more control over niche design features.

The Importance of Keeping Up with the Latest CSS Techniques

The Importance of Keeping Up with the Latest CSS Techniques

By
CSS

Even if your current solutions work adequately, there are still reasons to invest in learning the latest CSS techniques.

8 CSS Snippets for Creating Bento Grid Layouts

8 CSS Snippets for Creating Bento Grid Layouts

By
CSS / UI Design / Web Design

Dive into CSS bento grid layouts. A collection of CSS flexbox and grid code snippets, and examples for enhancing your web development skills.

8 CSS Grid Snippets for Creating Common Website Layouts

8 CSS Grid Snippets for Creating Common Website Layouts

By
CSS / UI Design

A collection of common website layout concepts built using CSS grid. Each one demonstrates how they can make life easier for web designers.

Create Better CSS Layouts with Flexbox

Create Better CSS Layouts with Flexbox

By
CSS / UI Design

CSS Flexbox does have a bit of a learning curve, but taking the time to learn the basics is highly recommended. These examples will help you!

25 Lightweight & Minimalist CSS Frameworks Worth Considering

25 Lightweight & Minimalist CSS Frameworks Worth Considering

By
CSS

A collection of lightweight and responsive CSS frameworks that provide everything you need to get started on your next web project quickly.

The Web Design Concepts That Were Ahead of Their Time

The Web Design Concepts That Were Ahead of Their Time

By
Web Design

Hard as it may be to fathom, the web has been a part of our world since CERN placed it into the public domain in 1993. And if you were…

8 CSS & JavaScript Snippets for Creating Testimonial UIs

8 CSS & JavaScript Snippets for Creating Testimonial UIs

By
CSS / JavaScript / UI Design
123