반응형
snowman95
코딩수련장
snowman95
전체 방문자
오늘
어제
  • 분류 전체보기 (229)
    • 앱테크 (3)
    • 옵시디언 (5)
    • 드라마, 영화 (1)
    • 개발자 이야기 (23)
    • 프로젝트 (10)
      • 프로젝트 방법론 (7)
      • 프로젝트 기록 (2)
      • Github (1)
    • 개발 지식 (0)
      • 디자인 패턴 (0)
    • 프론트엔드 개발 (5)
      • 테크트리 (2)
      • React.js (19)
      • ReactNative (2)
      • Next.js (6)
      • GraphQL (6)
      • 패키지 매니저 (2)
      • 라이브러리 (3)
      • 상태관리 라이브러리 (4)
      • Web 지식 (3)
      • HTML CSS (26)
      • Javascript (16)
      • 도구 (Tool) (3)
      • 성능 최적화 (1)
      • 디자인시스템 (0)
    • Python (53)
      • 모음집 (1)
      • 문법 (12)
      • 라이브러리 (15)
      • 알고리즘 (10)
      • 백준 문제풀이 (9)
      • 코딩테스트 (2)
      • 도구 (Tool) (3)
    • C++ (20)
      • 알고리즘 (6)
      • 삼성SW기출 (6)
      • 삼성 A형 (6)
    • 데이터사이언스 (1)
    • 인프라 (9)
      • 하드웨어 지식 (4)
      • Ansible (2)
      • Database (2)
      • 쉘스크립트 (1)
    • 주식 (0)
    • 취업 준비 (4)
      • 취업 이야기 (0)

블로그 메뉴

  • 홈
  • 태그

공지사항

인기 글

태그

  • GraphQL
  • 전공 요약 #운영체제
  • 삼성SDS
  • 오블완
  • 백준
  • Next.js #graphql #tailwind.css
  • 전공요약
  • 전공 요약 #네트워크
  • 면접
  • A형
  • 기계식키보드 #nuphy
  • 티스토리챌린지
  • 삼성SW역량테스트
  • 전공 요약 #데이터베이스
  • 공간복잡도
  • nextjs
  • C++
  • 언어
  • 알고리즘
  • 나의 해방일지

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
snowman95

코딩수련장

CSS - Flexbox, Grid 연습 사이트
프론트엔드 개발/HTML CSS

CSS - Flexbox, Grid 연습 사이트

2021. 9. 7. 10:25
728x90
반응형

codepip


codepip 라는 사이트에서 게임으로 코딩공부를 할 수 있다.
무료 게임은 아래의 2개가 있다.

 

Codepip

Learn to code by playing games

codepip.com

 

 

flexbox 연습 사이트


Flexbox Froggy

 

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

 

Grid 연습 사이트


 

Grid Garden

 

Grid Garden - A game for learning CSS grid

How well can you tend to your carrot garden using CSS grid? In this game, you must water your carrot crops and poison the weeds by mastering CSS grid, a powerful new module that makes 2-dimensional grid layouts a piece of cake. With it you can define colum

codepip.com

 

 

반응형
저작자표시 비영리 동일조건

'프론트엔드 개발 > HTML CSS' 카테고리의 다른 글

CSS - 텍스트 정렬, 간격 조절  (0) 2021.09.13
CSS - Grid (그리드)  (0) 2021.09.08
CSS - Flexbox (플렉스 박스)  (0) 2021.09.06
CSS - 텍스트 스타일  (0) 2021.09.03
CSS 폰트 적용 방법  (0) 2021.09.03
    '프론트엔드 개발/HTML CSS' 카테고리의 다른 글
    • CSS - 텍스트 정렬, 간격 조절
    • CSS - Grid (그리드)
    • CSS - Flexbox (플렉스 박스)
    • CSS - 텍스트 스타일
    snowman95
    snowman95
    (17~19) Unity/Unreal Engine 게임 프로그래머 (20~21) System Administrator ___________ (22~) React 웹 프론트앤드 개발자 __________ 깃헙 : https://github.com/snowman95

    티스토리툴바