Skip to content

Week 2 Day 4

New Terms

  • Media Queries
  • Grid
  • Animations

Media Queries

Media queries allow you to apply different styles based on the device's screen size, resolution, or other properties. They help create responsive designs that adapt to different screen sizes (mobile, tablet, desktop).

image of media queries code

Grid

CSS Grid is a layout system that allows you to create complex web layouts with rows and columns. It provides precise control over positioning elements.

image of grid code

Animations

Animations in CSS let you add cool effects like fading, sliding, or bouncing without using JavaScript. They make your site more interactive and engaging.

image of animations code