display 속성, html의 크기 단위들에 대한 실습을 진행해본다.
<style>
.testing{
background-color: white;
height: 3rem;
width: 3rem;
margin: 1rem;
}
</style>
<div style=”height: 20rem; backgound-color: #38df81; border-radius: 1rem; margin: 2rem; font-size: 2rem”>
<h1>
testing
</h1>
<div class=”testing” style=”display: inline-block; width: 48px; height: 48px”>block</div>
<div class=”testing” style=”display: inline-block; 3em; height: 3em”>block</div>
<div class=”testing” style=”display: inline-block;” 3rem; height: 3rem>block</div>
<div class=”testing” style=”display: inline-block; 30%; height: 30%”>block</div>
</div>
커밋
git reset —hard HEAD : 모든 변경 사항 날리고 최근 커밋으로 돌아감