Description
Within the course, you’ll study all of the ideas of flexbox and media queries.
We’ll study all of the ideas with the assistance of code examples.
Following are the subjects we’ll cowl:
1.1-Putting in VS Code and Server extension
1.2-Introduction to Flexbox
1.3-Setup index.html and magnificence.css information
1.4- Reset margin padding box-sizing on common operator
1.5-Styling the Packing containers
1.6-Apply show flex on guardian
1.7-Flex Path row row-reverse column column-reverse
1.8-Flex develop shrink
2.1-Justify Content material Flex Begin
2.2-Justify Content material Flex Finish
2.3-Justify Content material Middle
2.4-Justify Content material Area-Round
2.5-Justify Content material Area-Between
3.1-Why you shouldn’t use Float property
3.2-Align Merchandise Flex Finish
3.3-Align Merchandise Flex Begin
3.4-Align Merchandise Middle
3.5-Flex Foundation asme as Width on Flex Merchandise
4.1-Responsivesness with Media Question
4.2-Flex Wrap Structure Creation
4.3-Styling the Flex structure
4.4-Making Display Responsive with Flex Wrap
4.5-Enhancing the responsiveness
1.1-What is supposed by Responsiveness
1.2-Instance Non_responsive web site
1.3-Creating HTML Skeleton for non-responsive web site
1.4-Styling the non responsive web page
2.1-Totally different Machine break factors
2.2-Make Responsive in gadget upto 768px
2.3-Make Responsive for gadget width upto 468px
2.4-Make Responsive for gadget width above 1024px
2.5-Making Responsive between 769px and 1023px
Creating account on Github
Putting in Git bash
Creating github token and connecting from native
Utilizing git instructions to commit and push our native code
You’ll get the entire supply code
If the coupon isn’t opening, disable Adblock, or strive one other browser.