&nbsp;
<ul style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<li><img src="https://cdn.inflearn.com/public/files/posts/a4e97d60-e9d2-4cd6-b540-7625f2543a56/화면 캡처 2022-07-16 153217.png" alt="" width="1776" height="1501"></li>
</ul>
<ul style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<li><img src="https://cdn.inflearn.com/public/files/posts/609a25fd-bf82-4d6f-9086-faf74ccd428e/화면 캡처 2022-07-16 153148.png" alt="" width="1771" height="1471"></li>
<li>.</li>
</ul>
https://yoonicorn.cafe24.com/flex/ui-page.html
제가 작성한 페이지입니다^^
padding만 추가하면 이렇게 됩니다. (특정구역에서만 그러는건 아니고 전반에서 그래요)
&nbsp;
&nbsp;

유니콘님,&nbsp; &nbsp;reset.css 파일에서 아래 사진처럼&nbsp;
box-sizing: border-box;&nbsp;
추가하시면 되실거에요~!
<img title="reset_css1.jpg" src="https://cdn.inflearn.com/public/comments/d3a2e53a-0805-4649-a836-d9521a22e670/reset_css1.jpg" alt="" width="465" height="439" />

ses123you님 말씀대로 box-sizing: border-box는 border와 padding이 width와 height에 포함되도록 하는 설정이랍니다~ (라이언이 너무 귀엽네요 ㅎㅎㅎ)

Inflearn Community Q&A

카드리스트-padding 0 1rem하면, 떨어져요