본문 바로가기 메뉴 바로가기

amanda의 공간입니다

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

amanda의 공간입니다

검색하기 폼
  • 분류 전체보기 (223) N
    • WebPublisher (216) N
      • HTML 마크업 (11)
      • CSS (30)
      • JavaScript & jQuery (61) N
      • Git (5)
      • React (3)
      • PHP & ASP (9)
      • tip (5)
      • Interactive (22)
    • break (5)
  • 방명록

그리드반응형 (1)
[html] 신문기사 형태 레이아웃 (PC에서 2단, mobile 1단)

PC에서는 좌우로 나뉘는 2단 레이아웃이었다가 모바일에서 1단 레이아웃으로 바뀌는 구조 HTML title sub title text area 1 text area 2 CSS .left-box, .right-box{width: 50%;padding: 0 3%;} .left-box{float: left;} .right-box{float: right;} .img-box{width: 100%;height: 300px;margin-bottom: 30px;} @media screen and (max-width: 768px){ .left-box, .right-box{float: none;width: 100%;padding: 0;} .right-box{padding-top: 20px;} } jQuery $(docum..

WebPublisher/HTML 마크업 2022. 6. 30. 17:39
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바