FlexBox | Step by Step
- Introduction
- Display : flex
- Flex Direction
- Flex Wrap
- Flex Flow
- Justify Content
- Align Content
- Align Items
- Order
- Flex Grow
- Flex Basis
- Align Self
Responsive Project with FlexBox
- Class 1
- Class 2
- Class 2
- Class 4
- Class 5
What you'll learn
- Understand everything about FlexBox Basic to Advanced
- Write high-quality and reusable CSS code
- Create web site designs more effectively
- Build a complete website with advanced responsive layouts like ( the holy grail layout - the equal columns layout - the horizontal masonry layout ) and more...
Description
Flexbox Is the way to layout websites and web applications in the modern world.
In this class, you will learn about all the features and properties of Flexbox and how to use them! We will take a hands-on approach to discovering all the awesome ways to use Flexbox and by the end of the course, you will have a professional understanding of Flexbox and how to use it to layout Websites and Web Applications like modern CSS guru!
Each video includes a link to the lesson's code so you can easily follow and code along without needing anything but a web browser.
To be successful in this class all you need is a basic understanding of CSS and HTML!
The old way of laying out content on the web is in its last days. Learn how to utilize Flexbox to streamline, simplify, and future-proof your Websites and Mobile Applications!
After this course, you'll be able to use Flexbox to...
vertically align any element
create modern grids
take up remaining space
add spacing between elements
implement complete site layouts
and much more!
As a bonus, this course includes a complete Flexbox Cheat Sheet that you can use to recap all you've learned and to refer back to while using Flexbox.
Additionally, I included the code for a Flexbox demo showcase -- which is like an interactive cheat sheet for you to see in the browser that contains every property and every layout example from this tutorial.
The University of Sheffield
Other Courses
Learn Stock Market in Hindi - Beginners
The Ultimate Course Investing in Stock By Shyam Sunder Goel
Business English Sample Course
Learn Business English with a British native speaker language trainer and upgrade your speaking & writing skills.
MS Word (Beginners & Advanced): Fast Track Training
Learn how to master MS Word (Beginners & Advanced) methods quickly and easily for yourself or business.
Uplevel your Presence on Upwork
Learn how to use Upwork to become a fully booked freelancer
Introduction to Machine Learning - Cloud Institute
Learn this important subset of artificial intelligence (AI)
Roadmap MBA : Strategy Masterclass
We are the social impact startup making business education accessible for 5 billion people.
About the instructors
- 4.12 Calificación
- 17997 Estudiantes
- 10 Cursos
Abdullah Nahian
Web Developer
Greetings! I am here to serve people with my good positive attitude, character, skills, and work done by my expertise. There is no one who goes empty from me as far as satisfaction is concerned. I provide elegant, dynamic, and engaging web development without losing search engine rankings. My services are ideal for clients looking to develop a website with HTML, CSS or WordPress. I can also offer assistance to customers with their current website.
Student feedback
4.4
Course Rating
Reviews
AB Khalek
19-06-2023
Excellent class. Thank you sir!
Minhaz Uddin
19-06-2023
This is awesome course. I have learned many things
Samuel Mensah
19-06-2023
A
Robert Schwindler
19-06-2023
the resources are gone and the needs help with power point needs to show the presentation
Eba Mengistu Baisa
19-06-2023
Nice course keep going God bless you.
José Miguel rocha
19-06-2023
De momento todo me ha quedado muy claro, los videos son muy claros y precisos.
Jairus Appiah
19-06-2023
This really explains the words in deep meaning for the viewer to understand and he uses examples to give you a visual of what it would look like.