HTML, CSS, javascript/실습
position 실습
프루트
2022. 5. 21. 09:33
- 조건 : product 블록들을 웹페이지에 가운데 정렬시킨다.
- 화면 크기를 줄이더라도 제품1 박스 3개는 계속 가운데 정렬 된 상태이다.
- 가운데 정렬을 주기 위해서 Position 클래스에 margin: 0 auto; 값으로 입력했다.
- Position 클래스에 position: relative; 값을 주어 product 클래스들이 Position 클래스를 기준으로 absolute 될 수 있게 했다.