Skip to content

HTML

Responsive Images and Video

Images are by default inline elements that are a certain size and will take up that space on your web site.

For responsive web design we need our images to be able to shrink in size if the container they …

Container Elements

These are elements that contain other elements. When creating a web page we use these to set up the structure of the page. These are what we apply grid and flex styling to and the other content elements (text, media …

Grid Layout Basics

A grid is a layout that you define in CSS that allows you to organize content on your page in Rows and Columns.

screenshot of web page with 4 column css grid applied. the first row has 3 boxes, second box is two cols wide. second row has four boxes one in each column
CSS Grid Example

In order to have a grid layout you need to combine HTML and CSS. …