커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
창업이 처음이어도 쉽게 배우는 노코드 웹개발 창업
챕터 2
북마크
김*엘
댓글
2
추천
0
조회수
5
조회수
5
답변 완료

2-6강의 진행 중에 강의 내용대로 시도했으나 결과가 제대로 보이지 않아 문의드립니다.

여러차례 AI에게 수정 요청을 한 결과 코드 아래 붙입니다.

<style>
  @media (max-width: 768px) {
    /* 입력폼 전체나 버튼 영역을 브라우저 화면 기준으로 확실하게 고정 */
    .form.text-center {
      position: fixed !important;
      bottom: 50px !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      z-index: 99999 !important;
      margin: 0 !important;
      padding: 0 10px !important;
      box-sizing: border-box !important;
      background: transparent !important;
    }
    
    /* 버튼 자체도 가로를 꽉 채우도록 설정 */
    .form.text-center .btn._input_form_submit {
      width: 100% !important;
      display: block !important;
      box-sizing: border-box !important;
    }
  }
</style>

그리고 모바일 화면 문제부분 영상도 함께 첨부합니다.

아래 영상처럼 하단에 고정되어 있지 않고 작성 버튼의 위치만 바뀌고 있습니다.

첨부파일 (1)

Screen_Recording_20260806_155404_Samsung Browser (2).mp4
(2.737M)
취소
 공유
취소
댓글 0
댓글 알림
나의얼굴