Skip to content

Arts486

Special Topic: Web Design (Computer Graphics)

Protected: 78) Placing Grid Items

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

Author soyeonPosted on March 9, 2026March 11, 2026Categories Lecture

Post navigation

Previous Previous post: 77) Grid Lines and Units
Next Next post: 79) Grid Template Areas
  • 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