[CSS] parrent layout 무시하고 width 100% 꽉 채우기
2024. 3. 12. 15:57
반응형
상황
1. 그라디언트는 전체 layout에 적용된 background-color
2. 'Frequently Asked' 컴포넌트만 가로가 100vw로 꽉차게 보이도록 하고싶음
아래와 같이 너비와 마진을 주면 아래와 같이 내가 원하던 결과가 나옴
width: 100vw;
margin-left: calc(-50vw + 50%);
반응형
'한 걸음 > HTML & CSS' 카테고리의 다른 글
| [CSS] 화면에 컴포넌트가 나타났을 때 실행되는 애니메이션 custom hook으로 만들기 (0) | 2024.03.22 |
|---|---|
| [CSS] 텍스트 앞에 붙은 Dot이 찌그러질 때 (0) | 2024.03.22 |
| [React + styled-componenets] 커스텀 range slider 만들기 (0) | 2023.10.23 |
| [CSS] 가변적인 길이의 컴포넌트에서 형제요소 width에 max-width맞추기 (0) | 2023.07.06 |
| [CSS] 순수 CSS로 섹션별 스크롤 기능 만들기 (0) | 2023.03.04 |
