네이버 게임 웹페이지 실습
.btn_circle {
position: absolute;
left: 50%;
transform: translateX(-50%);
border-radius: -27.5px;
width: 45px;
height: 45px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 2px 30px 0 rgb(0 0 0 / 6%);
}
#game_section_5 .reserve {
position: absolute;
top: -5px;
left: -5px;
width: 69px;
height: 30px;
font-size: 15px;
color: #fff;
text-align: center;
font-size: 13px;
font-weight: 600;
line-height: 30px;
background-color: #6664F6;
border-radius: 7px;
}
담고있는 컨텐츠가 많아서 복잡해보일 수도 있는 네이버 게임 페이지이지만, 반복되는 레이아웃이 많기 때문에 미리 만들어 놓은 코드들을 참고하여 만들어서 수월하게 결과물이 나온것 같다. 복사 붙여넣기를 하면 편리하긴 하지만 만들고 나서 나중에 수정을 하거나 업데이트를 할 때, 수정하기 쉽도록 직관적이고 보기 편한 코드로 짤 수 있도록 처음에 잘 해야할 것 같다.