일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 아코디언카드만들기
- useState
- JavaScript
- 20231221
- 개발일지
- 바닐라자바스크립트
- css 속성
- FOR문
- 미세먼지
- 공공데이터
- jQuery
- 일러스트 입체글자
- Js 내장객체
- 미세먼지알림사이트만들기
- position
- HTML
- 공공데이터 활용
- 리액트
- module.css
- 자바스크립트
- 제이쿼리
- CSS
- css속성
- Illustrator2022
- open api
- react
- 메뉴바만들기
- 자바스크립트 내장객체
- JS
- 퍼블리싱
Archives
- Today
- Total
목록반응형페이지 (1)
김코드의 웹디자인 세상

안녕하세요! 오늘은 scss에서의 미디어쿼리 잡는 가이드를 가지고 왔습니다. css3로 작업을 하다 보면 불편한 사항들이 몇 가지 생겨서 작업에 조금 애를 먹은 적이 있었는데 이번에 scss를 시작하면서 조금은 개선된 사항으로 작업을 하니 효율적인 방법 할 수 있었습니다. //media width $mobile: 320px; $mobile2: 900px; $desktop: 901px; $desktop1: 1400px; @mixin mobile{ @media (min-width: $mobile) and (max-width: $mobile2){ @content; } } @mixin desktop{ @media (min-width: $desktop) and (max-width: $desktop1){ @cont..
⊹ ⠀𝙲𝚂𝚂, 𝚂𝙲𝚂𝚂
2023. 6. 18. 18:15