Daily Targets (260502)
코드
<p>
<i></i>
</p>
<p r>
<i></i>
</p>
<style>
&>* {
display: flex;
justify-content: space-between;
margin: 0 60;
background: #525142
}
p {
/* 직사각형 */
width: 60;
height: 100%;
margin: 0;
background: #E25C57
}
i {
/* 라운딩 직사각형 */
display: block;
width: 170;
height: 60;
margin-top: 50;
background: inherit;
border-radius: 99q
}
[r] {
/* 좌우 대칭 */
scale: -1;
background: #84BE8D;
i {
margin-top: 120
}
}
</style>