search

nss-evening-cohort-10 / E10-Website

5 stars 1 forks source link

Dev data rt #20

Closed rtate2 closed 4 years ago

evangdesigns commented 4 years ago

for the dev images, put them inside a div:

<div class="devImage">
  <img src="${dev.picture}" alt="${dev.name} headshot" />
</div>

then style that frame to a specific size and just set the image width to fill the frame in the scss

.devImage {
    width:275px;
    height:275px;
    overflow: hidden;
    margin: 10px auto;
    border:1px solid #eee;
    img {
      text-align: center;
      vertical-align: middle;
      width:100%;
    }
  }

Then add a justify-content-between class to the outer most div with the d-flex and flex-wrap class

evangdesigns commented 4 years ago

👍