Daily Targets (260410)
코드
<p>
<s></s>
<l></l>
<l s></l>
<s l></s>
</p>
<style>
&>* {
display: grid;
place-items: center;
background: #394257
}
p {
/* 중앙 원 */
width: 140;
height: 140;
background: #F0CD48;
border-radius: 50%
}
s, l {
/* 원 내에 사각형 */
display: block;
background: #394257
}
s {
width: 40;
height: 40;
margin: 10
}
l {
width: 70;
height: 70;
margin: -40 20
}
[s] {
margin: -40 50
}
[l] {
margin: 10 90
}
</style>