Learn CSS Flexboxes Practically

(Instant booking on GulfTalent)
Can be taken anytime
Course Type
Professional Training Course
Yes (Details)
Course Fee

Course Overview

About this Course:

This class is about learning how flexboxes work. Did you hear about them before? It's a module, that has roots at Mozilla. It's a big timesaver for Frontend developers. You'll never want to create an HTML page without flexboxes after this course. We'll learn only basic things. Specification mostly. All CSS properties related to flexboxes. And we'll have a set of easy practical lessons.

For each practice lesson, I advise you to recreate an example from scratch(no copy-paste) by your hands. Be aware, that this course touching only flexbox basics, so you need to know HTML and CSS. Check other courses for learning HTML/CSS basics.

Basic knowledge:

You should have basic knowledge in HTML/CSS In my practical lessons i'm using HTML5 and SCSS but it's easy to understand how it actually works

Who should take this course

Beginner Frontend developer.


Course Completion Certificate

Course content

What you will learn:

You'll learn how actually use flexboxes and how experienced developers using it right now.

You class project - that you should do after completing this course will be:

Your project is to create a page with recipe cards. Nothing complex, but you need to use flexboxes. Don't use CSS grids or Bootstrap. It should have a Header, Footer, Navigation(linked to recipe cards at content).With three or more blocks-cards with details about your favorite dishes. You can use a plain CSS or SASS. BUT you restricted to use BEM approach(it's good if you don't know what I'm talking about). Be cool with your code, use comments, if you want to create easy to understand code structure.


Find any web version of recipe website and pick any layout that you want to replicate. The main structure of the recipe is(but not limited too). You can start to work on your project before finishing the whole course. I propose you to create a plan, split things into small chunks and move forward by closing this small tasks. I'll be happy if you do not just complete this project, but go forward and make it better. So take time, generate ideas and experiment. If you want to learn how to code == you should code as much as possible. You can polish this project, while you'll like the code quality. Please don't worry, if something wouldn't be easy to understand at the first time. Share your process with other students in our Project Directory.

It's much easy to solve problems together!

Additional Assesment(For A+) 0)

You can make this page looks better or have additional features, like responsiveness. Each recipe in our example has one image. You can create an image gallery.

About Course Provider

Simpliv LLC, a platform for learning and teaching online courses. We basically focus on online learning which helps to learn business concepts, software technology to develop personal and professional goals through video library by recognized industry experts or trainers.

Why Simpliv

With the ever-evolving industry trends, there is a constant need of the professionally designed learning solutions that deliver key innovations on time and on a budget to achieve long-term success.

Simpliv understands the changing needs and allows the global learners to evaluate their technical abilities by aligning the learnings to key business objectives in order to fill the skills gaps that exist in the various business areas including IT, Marketing, Business Development, and much more.

How to enroll?

You can book the course instantly by paying on GulfTalent.

(Instant booking on GulfTalent)

Frequently asked questions

{{ item.question }}