What
You’ll Learn
You’ll Learn
- An overview of Flexbox
- How to use various properties that apply to a parent flex container
- How to use various properties that apply to a child flex item
- How to use the principles of Flexbox to design a HTML webpage
Requirements
- Basic understanding of HTML and CSS.
- A web browser is required. We will use Google Chrome and will occasionally make use of the Chrome Dev Tools.
- A coding editor is required. We will use VS Code with the Live Server plugin.
Description
This course is aimed to help you elevate your HTML webpage designs by applying many of the properties provided by the Flexbox layout model. In this course we will explore both the properties that can be applied to a parent flex container and the properties that can be applied to a child flex item.
The Parent Flex container properties that will be addressed include:
Flex Direction – Understand the direction in which you wish to display the items inside your flex parent container whether it be as a column or a row
Flex Wrap – Learn the options available for wrapping the items within your flex container
Flex Flow – Learn how to simplify applying the Flex Direction and Flex Wrap properties with this shorthand property
Justify Content – Explore the options available for organizing your Flex Items based on the main axis
Align Items – Explore the options available for organizing your flex items based on the cross axis
Align Content – Explore the options available for controlling the way in which each of your flex lines are organised along the cross axis
The Child Flex Item properties that will be addressed include:
Flex Basis – Discover how you can specify an initial width or height on a flex item using this property
Flex Grow – Learn how you can expand the sizing of your flex items using this property
Flex Shrink – Explore how the flex items can be scaled down as the parent container is adjusted in size using this property
Flex – Learn how to simplify applying the Flex Basis, Flex Grow and Flex Shrink using this shorthand property
Order – Learn how you can rearrange the order of the flex items using this property
Align Self – Discover how you can individually set an alignment on each of the flex items within a flex container
Who this course is for:
- Developers who wish to gain a deeper insight into many of the concepts addressed when working with the Flexbox layout model.
- Developers who wish to use Flexbox as their layout model for building responsive web pages.
🔝
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
Infos:
Are you thinking about upgrading your home security systems?
It's a wise investment, especially in today's world. With crime rates on the rise, ensuring the safety of your loved ones and property is paramount. But where do you start? Well, let's break it down.
Firstly, consider consulting with a reputable personal injury lawyer. Accidents happen, and having legal protection in place can provide peace of mind. Whether it's a slip and fall incident or a car accident, having a legal expert on your side can make all the difference.
Once you've addressed your legal concerns, it's time to focus on your financial security. Exploring options like mortgage rates and personal loans can help you achieve your goals. Maybe you're considering a home renovation project or even looking into real estate investment opportunities. Whatever your financial aspirations, having the right information at your fingertips is crucial.
Now, let's talk technology. Cloud computing services are revolutionizing the way businesses operate. Whether you're a small startup or a multinational corporation, leveraging the power of the cloud can streamline your operations and enhance productivity. And don't forget about cybersecurity. With the increasing prevalence of cyber threats, investing in antivirus software is non-negotiable.
Of course, amidst all the hustle and bustle, it's essential to take care of your health. Health supplements can bolster your immune system and keep you feeling your best. And if you're considering cosmetic surgery, be sure to do your research and consult with a reputable provider.
Finally, let's not forget about relaxation and recreation. Planning a luxury vacation or a cruise getaway? Don't overlook the importance of travel insurance. It's a small investment that can save you a lot of hassle in the long run.
In conclusion, whether you're prioritizing your safety, financial security, technological advancement, health, or leisure, there are plenty of options available to you. By making informed decisions and seeking expert advice when needed, you can navigate life's challenges with confidence and ease Continue reading...: Click Here