https://github.com/ullaskunder3/kang-the-conqueror

The incredible power of flexbox
https://github.com/ullaskunder3/kang-the-conqueror

css3 flexbox-css kang

Last synced: 5 months ago
JSON representation

The incredible power of flexbox

• Host: GitHub
• URL: https://github.com/ullaskunder3/kang-the-conqueror
• Owner: ullaskunder3
• Created: 2021-07-22T17:50:45.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-07-22T18:32:43.000Z (over 4 years ago)
• Last Synced: 2025-04-03T08:49:03.034Z (9 months ago)
• Topics: css3, flexbox-css, kang
• Language: HTML
• Homepage: https://ullaskunder3.github.io/kang-the-conqueror/
• Size: 1.19 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# kang-the-conqueror

CSS the flexBox

Preview Kang [flex](https://ullaskunder3.github.io/kang-the-conqueror/)

Flexbox, or the Flexible Box Layout, is a powerful CSS layout module that gives web designers and developers an efficient and simple way to lay out, align and distribute elements in a container.

Desktop view                    |  Mobile view

:------------------------------:|:-------------------------:

![DesktopView](./img/ssPC.png)  |  ![MobileView](./img/ssMOB.png)

If you're new to responsive web design, media queries are the first, most important CSS feature to learn. Media queries allow you to style elements based on viewport width. One popular CSS strategy is to write mobile styles first and build on top of them with more complex, desktop specific styles.

Flexbox is made up of two elements: a flex container (or flex parent) and flex items (flex children). A flex container is a containing element (like a div) given the display property flex. Flex items are child elements of a flex container, which can be manipulated through various display properties.