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

찐망고'S 퍼블리싱그리고디자인

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

찐망고'S 퍼블리싱그리고디자인

검색하기 폼
  • 분류 전체보기 (281)
    • WEB (130)
      • HTML기초 (19)
      • HTML이론 (17)
      • CSS (44)
      • JS이론 (14)
      • JS코드 (19)
      • FONT (15)
    • 플러그인 (17)
      • slick (3)
      • swiper (14)
    • 자격증 (8)
      • 웹디자인개발기능사 (8)
    • UIUX디자인 (86)
      • 디자인 (55)
      • 피그마 (23)
      • 포토샵 (8)
    • AI (20)
      • AI사주웹서비스 (16)
      • 미디어 (4)
    • 클래스 (9)
      • 수업노트 (9)
    • 나 (11)
      • 시선과기록 (11)
  • 방명록

css3grid (1)
CSS Grid Layout-1

안녕하세요 찐망고입니다. 오늘은 그리드 레이아웃에 대해 포스팅을 해볼 건데요. 저는 음 실무에 그나마 더 도움이 될만한 각각의 섹션을 그리드로 짜볼까 하는데요. 수업 중에는 하나의 섹션을 Flex로도 짜고, Grid로도 짜서 비교해 보긴하는데 포스팅을 그렇게 하면 너무 길어질 테니까 각각의 속성을 알아보고 그리드로 짜는 템플릿을 좀 보여드릴까 해요. 그리드를 이용한 반응형 예제로 하단의 두 섹션을 작업한 포스팅을 올려볼까 해요 기대되죠?? ㅎㅎ 자 일단 저런 걸 해보려면 그리드의 기본 속성들을 알아봐야 합니다. 아 참고로 우리나라 웹 사이트 레이아웃 형태상 전체를 그리드로 짜는 건 저는 비추.. 그런 건 블로그 형태의 템플릿이나 웹진같이 좀 간단한 형태면 모를까 추천하지 않아요 그래서 연습도 그런 걸로 ..

WEB/CSS 2023. 12. 29. 12:24
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 찐망고AI사주풀이
  • What Was IT
  • W3Schools Online Web
  • 대한민국 공식 가이드라인
  • HTML최신버전
  • UI/UX레퍼런스
  • Unsplash
TAG
  • 프론트엔드
  • uiux
  • figma
  • 구글머터리얼디자인
  • UX디자인
  • 오블완
  • 웹디자인개발기능사
  • 디자인시스템
  • ai사주
  • 디자인팁
  • 서비스기획
  • 웹디자인
  • 웹접근성
  • 웹폰트
  • 찐망고사주
  • html
  • 웹표준
  • 피그마
  • 2024웹디자인
  • 티스토리챌린지
  • seo
  • UI디자인
  • 웹퍼블리싱
  • 반응형웹
  • JavaScript
  • 웹디자인팁
  • 바이브코딩
  • CSS3
  • css
  • 머터리얼디자인
more
«   2026/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바