SCSS

by Manju06

HTML

<div class="portfolio">
        <div class="header">
            Portfolio
        </div>
        <div class="projects">
            <div class="project">
                <img src="http://placekitten.com/301/301" />
            </div>
        </div>
        <div class="overview">

        </div>
    </div>

SCSS

.portfolio {
    width: 100%;
    height: 100%;
}

.header {
    height: 10%;
    display: flex;
    font-size: 24px;
    color: #B59762;
    align-items: center;
    justify-content: center;
}

.projects {
    height: 80%;  
    display: flex;
    overflow: auto;
    flex-direction: column;
    border:1px solid red;
  
}

.project {
 width: 100%;
    height: 35%;
    overflow: hidden;
    border:1px solid blue;

    img {
        width: 100%;
        height:auto;
       
    }
   }