인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

ajrfyd님의 프로필 이미지
ajrfyd

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

폼 관련 가상클래스를 활용한 실전 퍼블리싱 (배경 이미지 풀스크린 검색창)

배경이미지풀스크린검색창 관련 질문 입니다!

작성

·

331

1

잘 공부 하고 있습니다 선생님!

혹시 배경이미지 풀스크린 검색창 완성 하였는데요..

창 크기가 작아지면 input 요소들,  h1요소 글자가 밑으로

내려가며 난리가 나네요ㅠㅠ 보기가 안좋은데 어쩔 수 없는 

부분인가요?? 수정이 가능 한가요 ㅠㅠ

답변 1

1

이 예제는 반응형으로 만든 예제가 아니라서 브라우저가 작어지면 저렇게 됩니다.

수정해야 하는 부분은 아니구요. .search 밑에 input을 픽셀로 고정했는데 % 하시면 괜찮을거에요.

이번 예제는 폼요소와 배경이미지 그리고 before를 연습하시는 예제로 생각하세요.

ajrfyd님의 프로필 이미지
ajrfyd

작성한 질문수

질문하기