Learn CSS Flexboxes Practically

Tuesday 06:00 PM - NA - Online course · Bangalore · Bangalore

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.


Github - if you ok to share your code with other - My current pick Bitbucket - if you want to have a free storage

Google drive or Dropbox - if you just want to save your code at cloud

You can also use Codesandbox or other online editors.

For practice lessons, I'll use CodePen

But I'm sure - for your project, you'll decide to use a code editor.

Code editors Sublime- I use it around 6 years. small size and everything important Atom because it's backed by the GitHub team and it also has a Github sync.

If you want to save your project tasks, you can use Trello


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

What will you 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.

As a code style and "best practice" example you can use SMACSS 

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.


*Organizers/Venues are solely responsible for the service, availability and quality of the events including all or any cancellations/modifications/complaints.
Know about Location & Place
Address :

Online event. Refer Event Description for more information.

For Bulk Booking Discounts (10+ tickets) & Best Corporate Deals, Enquire here:
Terms & Conditions

  • Please carry a valid ID proof along with the valid ticket.
  • High Ape is not responsible for any injury or damage occurring due to the event.
  • People in an inebriated state will not be given entry.
  • Being only a ticketing portal, High Ape does not take any responsibility for the activities going on inside or outside the event, as the entire responsibility of it is of the organizer/venue.
  • Please go through the details on the Event Details Tab and the Checkout page thoroughly before booking the tickets, as the tickets which are NOT booked in compliance with it will not come in the ambit of discussion.
  • Internet handling fee per ticket applied. Please check your total amount before payment.
  • Tickets once booked cannot be exchanged or refunded.
  • Unlawful resale (or attempted unlawful resale) of a ticket would lead to seizure or cancellation of that ticket without refund or other compensation.
  • In case a booking confirmation e-mail and SMS gets delayed or fails because of technical reasons or as a result of incorrect e-mail ID / phone number provided by the user etc, a ticket will be considered 'booked' if the payment has been processed by High Ape and you will have to contact our representatives for issue of tickets.
  • Venues/Organizers are solely responsible for the service; availability and quality of the events.
  • In certain circumstances, HighApe reserves the right to cancel the tickets owing to any internal reason which requires such action. In such cases, the customer will be provided full refund for the ticket within 7-10 working days.
  • Venue/Organisers rules apply.

Event by
*Organizer's contact details will be provided post-booking in your e-ticket confirmation.
Have query about this event?

Ask our expert Dr. Ape : 9606479201

Book new year events at lowest prices
Best prices catch now

Quick Look

dates Tuesday, 30 Jun 06:00 PM - Wednesday, 30 Sep 11:30 PM
prices 377 INR

organiser Organised by: Sudheer Reddy

details Special Details: Dates will be given as per your convenience
Download our new App now !