FE_Interview_Snippets

test.html

<!-- Make all small squares to inside container, 3 in row, 10px padding everywhere -->

<div class="container">
  <div class="image"></div>
  <div class="image"></div>
  <div class="image"></div>
  <div class="image"></div>
  <div class="image"></div>
  <div class="image"></div>
  <div class="image"></div>
  <div class="image"></div>
</div>

<style>
    .container {
      border: 1px solid black;
      width: 340px;
    }

      .image {
        width: 100px;
        height: 100px;
        border: 1px solid red;
  }                                                                                                  
</style>