[HTML/CSS] Bootstrap 으로 카드 레이아웃 만들기_Grid_2

💡 실습 포인트!

• Bootstrap 으로 재미있는 카드 레이아웃을 만들어보았다.
• PC 화면에서는 이미지 기준으로 좌측, 우측 번갈아가면서 내용이 나와야 하고, 모바일 화면에서는 여백 없이 모두 이미지가 왼쪽, 내용이 오른쪽에 나와야했다.
• 그냥 CSS 로 이러한 반응형 레이아웃을 구성하려면 media query를 사용했을텐데, Bootstrap 의 row, col, order 등의 class 를 활용하니 꽤나 편하게 만들어졌다.

💜 PC 화면

💜 모바일 화면