• Search...

categories: Technology & Innovation

Data
Digital
Technology
SDG 4: Quality Education
SDG 8: Decent Work and Economic Growth
SDG 9: Industry, Innovation and Infrastructure

HTML5 and CSS3 Masterclass | Float & Flexbox

Duration: 1 h 21 m / 14 lessons

Level: General

Course Language: Arabic

By the end of this course, you will be able to

  • Add interactive effects like Hover and Active to enhance user experience.

  • Style repeated elements using the NTH Child selector.

  • Use the Display property to organize and layout web elements.

  • Apply Float techniques with Clear Fix and Before & After for better layouts.

  • Master Flexbox for responsive designs and align elements with Justify Content.

  • Design a game with Flexbox in a practical project.

Course details

  • 1 h 21 m/14 lessons
  • Last updated: 6/8/2023
  • Course completion certificate

Course Content

Free lessons

1.

Hover & Active

2 Minutes
2.

NTH child

2 Minutes

About this course

Master web design with Float and Flexbox in this hands-on course. Learn to create responsive, structured websites using essential tools and techniques. Start by exploring interactive features like Hover and Active states, mastering the NTH Child selector, and using the CSS Display property to manage layouts, and add creative text effects to enhance your designs. Dive into Float techniques for organizing elements, and understand Clear Fix, Before, and After for greater design control. Transition to Flexbox to build flexible, responsive layouts, learning Justify Content and advanced capabilities like flexible directions. Practice your skills by designing a website header and creating a simple game layout using Flexbox. By the end, you'll be equipped to design professional, user-friendly websites. Enroll now and start building visually stunning, responsive web designs with Float and Flexbox!

Course requirements and prerequisites

This course requires good internet and a laptop. And if you wish to have more information, you can check parts one, two, and three of this course.

Mentor

HTML5 and CSS3 Masterclass | Float & Flexbox

Duration: 1h 21m / 14 lessons
Level: General
Course Language: Arabic