/css-key-concepts-responsive-design

Learning materials covering CSS key concepts & responsive design

Primary LanguageHTML

CSS Key Concepts: Responsive Design

Welcome to Feline Flexbox with Cat Cards!

Follow the instructions in this Read Me to create your very own, feline flexy, responsive Cat page! Me-ow!

Clawy cat

Getting Started

After forking this repository you will need to then clone the repo locally and open up your index.html file in your browser. We recommend Google Chrome but any will do.

You should now see a collection of cute cat pictures and cat info. Yay.

-- Notice how our elements stretch across the page, one on top of another. This is what happens to "block" elements when they are in "normal flow" or "flow layout" (basically, before any changes have been made to the document!).

Ok.

But our page sure looks ugly! 😿

What is the first thing we might do before we start styling our web page? 🤔

See Activity-1 to find out!