Protected: 64) Media Queries

This content is password-protected. To view it, please enter the password below.

Password:

Author soyeonPosted on March 3, 2026Categories Lecture

Post navigation

Previous Previous post: 63) What is Viewport?

Next Next post: 65) Flexbox

Search

01) Understanding the Web
02) Organizing Files and Sites
03) Before Creating a Website
04) The Basic HTML Document
05) Headings Elements
06) Text Formatting
07) Citation or Reference, Quoting Text
08) Superscripts and Subscripts
09) Links and How to Organize them
10) Understanding Web Graphic Types
11) Understanding Image Compression
12) HTML Lists
13) Creating and Linking to Anchors
14) HTML 5 Structure
15) DOCTYPE declaration
16) Header
17) Main
18) Footer
19) Navigation
20) Article
21) Section
22) Aside
23) What is CSS?
24) External Style Sheet
25) Internal Style Sheet
26) Inline-styles
27) CSS: Color and Background Color
28) CSS: Formatting Texts
29) Understanding Unit Types
30) Embedded and Linked Fonts
31) CSS: Background Images
32) CSS Box Model
33) CSS Reset
34) Setting the Box size
35) Setting the Border
36) Box-sizing
37) Height and Min-Height/Width and Max-Width
38) Div and Span
39) Class and ID
40) CSS List
41) Display Type
42) Descendant Selectors
43) Child Selectors
44) Nth Child Selector
45) Universal Selector
46) Group Selectors
47) Object-fit
48 ) CSS: Overflow
49) Border-Radius
50) Positioning
51) Z-index
52) Scroll-behavior
53) Opacity
54) Drop Shadow
55) Emoji Font
56) Pseudo-Class Selectors
57) Rollover Images/GIF animation
58) Buttons
59) CSS Filter
60) CSS Transition
61) CSS Transform
62) What is Responsive Layout?
63) What is a Viewport?
64) Media Queries
65) Flexbox
66) Aligning Items in a Flex Container
67) Sizing with Flex
68) Flex-Size
69) HTML Figure and Figcaption
70) Float/Clear
71) Child Pseudo-Class Selectors
72) CSS Pseudo-Elements
73) CSS Text-Indent and Initial-letter
74) Firefox Developer Tools
75) CSS Grid Principles
76) Defining Rows and Columns
77) Grid Lines and Units
78) Placing Grid Items
79) Grid Template Areas
80) Grip Gap
81) Grid Item Alignment
82) Ordering Grid Items
83) Grid or Flex or Both?
84) Drop-Down Menu
85) CSS Gradients
86) SVG
87) CSS Animation
88) Landing Page Principles
89) Pseudo Element – before, after, has, root
90) CSS Counter
91) What is SEO?
92) How to improve SEO for Websites?
93) Form and Input
94) Form Action and Google Search
95) Attribute Selectors
96) Adjacent Selectors
97) Compound Selectors

Arts486 Proudly powered by WordPress