CSS Flexbox and Responsive Web Design - Edubirdie

University:
Kentucky State University
Course:
COS 100 | Intro to Computers
Academic year:

2021
Views:

330

Pages:

4
Author:

kundgetanufv

CSS FLEXBOX AND RESPONSIVE WEB DESIGN CSS FLEXBOX LAYOUT OUTLINES RESPONSIVE WEB DESIGN CSS FLEXBOX LAYOUT CSS Flexible Box Layout (Flexbox) • The Flexbox Layout (Flexible Box) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word “flex”). • The main idea behind the flex layout is to give the container the ability to alter its items’ width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). • A flex container expands items to fill available free space or shrinks them to prevent overflow.Best used for one dimension – a row or a column • The display property • Configures a flexbox container -> display: flex; • Basic terminology: • parent element, known as “flex container” • a child element of the flex container, known as “flex item” .container { display: flex; } 4

Related Documents

CSS Flexbox and Responsive Web Design

CSS Flexbox and Responsive Web Design - Page 1

CSS Flexbox and Responsive Web Design - Page 2

CSS Flexbox and Responsive Web Design - Page 3

CSS Flexbox and Responsive Web Design - Page 4

of 4

Recommended Documents

NI C Series Overview

NI C Series Overview

Kentucky State University COS 100 | Intro to Computers

Report

Real Time Collaborative Whiteboard Web App Overview

Real Time Collaborative Whiteboard Web App Overview

Kentucky State University COS 100 | Intro to Computers

Report

Peer-to-peer Networking Test With Answers

Peer-to-peer Networking Test With Answers

Kentucky State University COS 100 | Intro to Computers

Answer Key

Intro to Computers Quiz 7

Intro to Computers Quiz 7

Kentucky State University COS 100 | Intro to Computers

Answer Key

Using MIS - Hardware, Software, and Mobile Systems Answer Key 2

Using MIS - Hardware, Software, and Mobile Systems Answer Key 2

Kentucky State University COS 100 | Intro to Computers

Answer Key

Using MIS - Hardware, Software, and Mobile Systems Answer Key 1

Using MIS - Hardware, Software, and Mobile Systems Answer Key 1

Kentucky State University COS 100 | Intro to Computers

Answer Key

Using MIS - Hardware, Software, and Mobile Systems Answer Key 3

Using MIS - Hardware, Software, and Mobile Systems Answer Key 3

Kentucky State University COS 100 | Intro to Computers

Answer Key

Switch Commands - Summary Sheet

Switch Commands - Summary Sheet

Kentucky State University COS 100 | Intro to Computers

Cheat Sheet

Lab - Designing and Implementing a Subnetted IPv4 Addressing Scheme

Lab - Designing and Implementing a Subnetted IPv4 Addressing Scheme

Kentucky State University COS 100 | Intro to Computers

Lab

Chapter 4 - Networks and Cloud Computing True False

Chapter 4 - Networks and Cloud Computing True False

Kentucky State University COS 100 | Intro to Computers

Answer Key

Chapter 4 - Networks and Cloud Computing Completion

Chapter 4 - Networks and Cloud Computing Completion

Kentucky State University COS 100 | Intro to Computers

Answer Key

Chapter 4 - Networks and Cloud Computing Multiple Choice

Chapter 4 - Networks and Cloud Computing Multiple Choice

Kentucky State University COS 100 | Intro to Computers

Answer Key