Four dogs


Make one HTML page showing four dog photos. How they're arranged depends on the window size. For large and extra large, all four are on one row.

Four dogs per row

For a small or medium window, there are two dogs per row.

Two dogs per row

For an extra small window, there is one dog per row.

One dog per row

You can use these photos:

Doggo Doggo Doggo Doggo

Use at most three col_ classes for each column, like this:

  • <div class="col-?? col-?? col-??">

This might be useful:

  • <img class="m-1 p-1 border" src="dog1.jpg" alt="Doggo">

Submit your URL, as usual.

Where referenced