포트폴리오 1

[박지현]

<div class="portfolio-sub-background">

<div style="width: 40%;">
        <div class="portfolio-element portfolio-element-background1">
            <h4>Stationary</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisioing elit.</p>
        </div>
      </div>

      <div class="portfolio-element portfolio-element-background2">
        <h3>Stationary</h3>
        <p style="font-size: 14px;">Lorem ipsum dolor sit amet, consectetur adipisioing elit.</p>
      </div>
      
      <div class="portfolio-element portfolio-element-background3">
        <h3>Stationary</h3>
        <p style="font-size: 14px;">Lorem ipsum dolor sit amet, consectetur adipisioing elit.</p>
      </div>
      
      <div class="portfolio-element portfolio-element-background4">
        <h3>Stationary</h3>
        <p style="font-size: 14px;">Lorem ipsum dolor sit amet, consectetur adipisioing elit.</p>
      </div>
      
    </div>
  </div>

.portfolio-sub-background {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 90%;
  margin: auto;
}

.portfolio-element {
  color: white;
  text-align: left;
  padding-left: 80px;
  padding-top: 60px;
}

.portfolio-element-background1 {
  
  background-position: center;
  background-image: url('img1.jpg');
  background-size: cover;
}

이렇게 이미지에 애니메이션을 넣으려고 하고 있었는데 background-size: cover; 를 했을 때 div박스에 맞게 이미지가 설정 되지 않아서 질문합니다

[codingapple]

.portfolio-element 에 padding을 조절해봅시다

[글쓴이]

글