Welcome to My Responsive Site

Simple, clean layout using CSS Grid — ready for text and photos.

About this template

This template demonstrates a responsive grid approach with a centered page width (about 70%), a horizontal navigation bar, a hero area with overlay content, and sample 2- and 3-column grids.

Two-column layout

Sample photo 1

Card title 1

Short paragraph. The grid resizes and columns stay equal width.

Sample photo 2

Card title 2

Another paragraph. Images scale to the card width and text flows underneath.

Three-column layout

Sample photo 3

Card title 3

Cards are equal in width. Resize the window to see them stack on smaller screens.

Sample photo 4

Card title 4

Use these cards for text & photos. They use the same structure — easy to maintain.

Sample photo 5

Card title 5

Replace images with your own photos and update the text as needed.