project 파트 페이지 작업 완료!
이 부분 어떻게 작업할 지 고민이 많았다. 이미지와 저 글 부분을 배치하는 건
전에 작업했던 Home 파트에서 했던 대로 같은 방법으로 작업했다.
이미지 옆 부분을 나는 project-content__cards라고 지어줬다.
그냥 저 한 단락들을 대체 영어로 어떻게 네이밍 해야할지.. 네이밍하다가 하루 다갈 것 같아서 그냥 간단히 카드라고 생각했다.
project-content__cards의 요소들을 처음엔 전부다 div로 나눠버리자 라고 생각했다. 근데 div를 남발하는 것은 안좋은 코드 습관이라고 정말 많이 들어왔기 때문에 직접 코드로 쓰는데 고민이 많이 되었다.
결국 div를 대체할 다른 태그를 생각해내지 못했고, div가 최선이라고 생각했기 때문에 div로 작업을 했다.
잠깐 코드를 보여주자면,
<div class="project-content__card">
<h2>
3D Modeling
</h2>
<p>
Help you translate your existing design or concept
into CAD or to work with you to develop the idealdesign.3D Models great for modern digital art
</p>
<div class="project-content__card-link">
<a href="#">
See Works
</a>
<i class="fas fa-arrow-right"></i>
</div>
</div>
이렇게 작성했다. 단락 하나 하나를 저 코드 형식으로 작성했다.
지금 보니 딱히 div를 남발한 것 같지 않은데?🤔🙄
이 파트를 시안 쭉 훑어봤을 때 제일 까다로울 것 같다고 생각했다.
그래도 큰 어려움 없이 잘 마무리해서 기쁘다!!
