KIMHAEUN.COM

프로필사진

  • 분류 전체보기 (94) N
    • WORK (13)
      • 당근 (13)
    • Frontend (9) N
      • 🌐 React (8)
      • 🎨 CSS (1)
      • 🔨 JS (3)
      • 📌 JQuery (4)
    • Side Project (10)
      • 💾 Database (2)
    • Conference (1)
    • Computer Science (4)
      • 👩🏻‍💻 JAVA (2)
      • Computer Network (1)
      • 딥러닝 (0)
      • CS (0)
    • Design (10)
      • ✸ Human Interface Guideline (9)
    • Apple Developer Academy (7)
      • App (7)
      • 🎇 Swift (6)
    • HGU (4)
      • ⚡️ 한동대학교 학생주도 해커톤 Azit (2)
    • Code (18)
      • Codility (17)
  • 홈
  • 태그
  • 방명록
  • 인스타그램
  • 링크드인
[웹 개발을 위한 기초지식4] html에 css로 스타일 입히기 지난번 소개해드린 html코드에 이번엔 css를 입힘으로써 조금 더 예쁜 사이트로 만들어볼텐데요!우선 responsible page로 만들기 위하여 추가한 코드를 살펴볼게요/* Responsive CSS */@media (max-width: 1080px){ .image{ flex: 100%; max-width: 480px; }}@media (max-width: 400px){ .image .details p{ font-size: 12px; } .more .read-more, .more .icon-links a i{ font-size: 18px; }}screen width에 따라 세개의 버전으로 나뉩니다.1080을 기준으로 더 클 땐 grid가 3개씩 나뉘지만, 작을 땐 1줄로 바뀝니다.또한 400보..
이전 1 다음
맨 위로

티스토리툴바