문제반응형으로 개발을 하면서 Grid를 사용해서 레이아웃을 만들었습니다. 1fr, 8 1프레임씩 8개의 칸으로 나누고 max-width 값을 1300px를 주었습니다. width의 경우 max 1300px을 주었기에 pc 화면에서는 문제가 없지만 모바일 화면에서 계속해서 width 값이 늘어나는 문제가 발생했습니다. 문제 화면문제 코드 ..... ..... 전체 카테고리1 카테고리2 카테고리3 카테고리4 카테고리5 카테고리6 카테고리7 카테고리8 ..

구글 메인 페이지 디자인 클론 코딩 디자인을 보고 태그 및 레이아웃과 화면을 구현합니다. 기간 : 2024-04-15 ~ 2024-04-17 tailwind css를 사용하여 만들어 보는 것이 목표입니다. 기술 스택 깃허브 주소 깃허브 링크 🆕 UX 기능 구현 hover 했을 때, 마우스 포인터 커서로 변경 검색창 hover 했을 때, box shadow 링크 관련 아이콘 hover 했을 때, underline 추가 버튼에 마우스 hover 했을 때, box shadow 지정 🚀 트러블 슈팅 문제: 구글 화면에서 footer를 아래에 고정시켜야 하는 방법이 필요했습니다. absolute 포지션을 사용해서 해결하려고 했지만, 컨텐츠가 길고 스크롤이 생기게 되면 문제가 생깁니다. flex 와 wrap 래핑해..