This section demonstrates a responsive grid using CSS Grid. The number of columns adjusts automatically based on the screen size. Each grid item contains an image and a caption.
Nature Scene 1
Nature Scene 2
2. Flexbox Layout
This section uses Flexbox to create a responsive row of items. The items wrap onto new lines as needed, and each contains an image and a short description.
City Life 1
City Life 2
3. Responsive Image
This section demonstrates a responsive image that scales with the width of the screen while maintaining its aspect ratio.
