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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/09   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바