eoureo

  • 홈
  • 태그
  • 방명록

Coding/HTML | CSS 1

CSS - Cards(반응형 웹 디자인)

창의 너비에 따라 한 줄에서 보이는 카드의 개수를 맞춥니다.확인하려면 JSFiddle(https://jsfiddle.net/eoureo/hd53k4sb/)에서 보면서 Result 프레임의 너비를 바꿔보면 됩니다. 수평 스크롤바가 나오지 않도록 하였습니다.가운데 정렬되도록 했습니다.카드 너비를 200px로 하고 창 너비가 400-2200px까지 200px마다 카드의 개수가 바뀝니다. 다음 소스코드를 바꾸었습니다.(참고로 W3Schools How TO - Code snippets for HTML, CSS and JavaScript (https://www.w3schools.com/howto/)에는 좋은 내용들이 많네요.) How To Create Column Cards https://www.w3schools...

Coding/HTML | CSS 2023.04.30
이전
1
다음
더보기
프로필사진

eoureo

  • 분류 전체보기 (32)
    • Coding (5)
      • JavaScript (1)
      • HTML | CSS (1)
      • Bookmarklet (3)
    • Tools (0)
      • Total Commander (0)
    • Obsidian (15)
      • Templater (6)
      • Templater Tips (2)
      • 플러그인 (1)
    • RunJS - Obsidian Plugin (8)
      • News (1)
      • Docs (1)
      • Codes (6)
    • 티스토리 (4)

Tag

Markdown, runjs, tips, 책, JavaScript, vscode, 웹브라우저, template, scrape., clipper., URL, plugin., DataView, Templater, CSS, bookmarklet, 옵시디언, 티스토리, ChatGPT, coding,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/10   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바