Topic 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

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

Free CSS & JavaScript snippets that show how color, movement, and typography contribute to building a stunning testimonial UI.

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.

10 CSS Snippets for Creating Unorthodox Shapes

10 CSS Snippets for Creating Unorthodox Shapes

By
CSS / UI Design

We share a collection of CSS and JavaScript snippets for creating unorthodox container designs that eschew standard layouts.

10 CSS Grid Snippets for Creating Unique Layouts

10 CSS Grid Snippets for Creating Unique Layouts

By
CSS / UI Design
123