Week 6 ยท 45-60 min

CSS: Building a Simple Layout

Block vs. inline elements

This slide covers "Block vs. inline elements" as part of CSS: Building a Simple Layout. Read slowly and try the example in your own words. Block vs. inline elements is an important step in Web Development Basics. We use plain language and short steps so you can learn even on a slow or shared computer. Think of one real example from your school, work, or community.

Key point: Block vs. inline elements. Review this slide once more before moving on.

Slide 1 of 8

Practice

  1. Write 2-3 sentences about what you learned this week.

Key Terms

Block vs. inline elements
Block vs. inline elements
Intro to Flexbox (container + direction)
Intro to Flexbox (container + direction)
Building a simple navigation bar with Flexbox
Building a simple navigation bar with Flexbox

Week Summary

  • Block vs. inline elements
  • Intro to Flexbox (container + direction)
  • Building a simple navigation bar with Flexbox
  • Building a simple 2-column layout

Coming Next Week: Next: Introduction to JavaScript