A Complete CSS Flexbox Course and a Real World Website Project [Video]

A Complete CSS Flexbox Course and a Real World Website Project [Video]

Aarthi Elumalai
New Release!

Learn all the CSS Flexbox concepts and create a completely responsive design and elements - real-world hands-on training.
Packt Subscription
FREE
$9.99/m after trial
Video
$10.00
RRP $90.99
Save 89%
What do I get with a Packt subscription?
  • Exclusive monthly discount - no contract
  • Unlimited access to entire Packt library of 6500+ eBooks and Videos
  • 120 new titles added every month, on new and emerging tech
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
$0.00
$10.00
$9.99 p/m after trial
RRP $90.99
Subscription
Video
Start a FREE 10-day trial

Frequently bought together


A Complete CSS Flexbox Course and a Real World Website Project [Video] Book Cover
A Complete CSS Flexbox Course and a Real World Website Project [Video]
$ 90.99
$ 10.00
Practice CSS Grid Projects to Build Modern Real World Websites [Video] Book Cover
Practice CSS Grid Projects to Build Modern Real World Websites [Video]
$ 99.99
$ 10.00
Buy 2 for $20.00
Save $170.98
Add to Cart

Video Description

Before Flexbox arrived on the screen, we had to use relative or absolute positioning, floats clears and 100s of lines of code to achieve a decent website layout. All of that's changed now. With CSS Flexbox, you can layout your website's design in just a few lines of code, and even make it responsive! No more frameworks like Bootstrap to make up for the shortcomings in CSS. Become a professional web designer in just a few hours. If you know the very basics of HTML and CSS, you're all set. Spend a few hours learning a bunch of Flexbox syntaxes, and you'll be creating awesome web layouts in no time at all! You don't need to learn a bunch of frameworks to become a pro web designer now! We'll be using a real-world example to explain the concepts.

All the code and supporting files for this course are available at: https://github.com/PacktPublishing/A-Complete-CSS-Flexbox-Course-and-a-Real-World-Website-Project

Style and Approach

This course has 4 modules, where each module will thoroughly explain the intricacies of one of the concepts in Flexbox with a wealth of over-the-shoulder examples. The mini project at the start of the website where we create a real-world navigation/menu bar and make it completely responsive. A real world 2-column website with a responsive header, navigation bar, 2 columns (main content and sidebar) and footer. We'll also make the entire website responsive.

Video Preview

What You Will Learn

  • How to create a simple web layout with a header, footer, 2-3 columns with content and navigation bar without using floats or positioning properties.
  • How to make your website into a full-blown responsive website, without using any external frameworks like Bootstrap.
  • How to create widgets, carousels, applications, galleries, navigation bars, menu items
  • How to control the position, size, and spacing of the elements you create without collapsing them.
  • How to layout the elements of your website horizontally or vertically and change the alignments with a single line of code
  • How to order elements on the page without changing their order in your HTML code.
  • How to automatically change the width and heights of the elements so they fill up the space of their parent containers, without giving fixed dimensions.

Authors

Video Details

ISBN 139781838640484
Course Length2 hours 44 minutes
Read More

Read More Reviews

Recommended for You

Practice CSS Grid Projects to Build Modern Real World Websites [Video] Book Cover
Practice CSS Grid Projects to Build Modern Real World Websites [Video]
$ 99.99
$ 10.00
2D Animation with CSS Animations - Complete course and Project [Video] Book Cover
2D Animation with CSS Animations - Complete course and Project [Video]
$ 89.99
$ 10.00
An Introduction to CSS - A Complete Beginner to Expert Course [Video] Book Cover
An Introduction to CSS - A Complete Beginner to Expert Course [Video]
$ 89.99
$ 10.00
2D Game Development with Javascript and CSS3 - Create a Memory Game [Video] Book Cover
2D Game Development with Javascript and CSS3 - Create a Memory Game [Video]
$ 101.99
$ 10.00
Cisco CCNA / ICND1 (100-105) Complete Course: Sims and GNS3 - Part 2 [Video] Book Cover
Cisco CCNA / ICND1 (100-105) Complete Course: Sims and GNS3 - Part 2 [Video]
$ 9.99
$ 8.50
Cisco CCNA / ICND2 (200-105) Complete Course: Sims and GNS3 [Video] Book Cover
Cisco CCNA / ICND2 (200-105) Complete Course: Sims and GNS3 [Video]
$ 19.99
$ 10.00