Skip to content
  • Blog (1)
  • About Us
  • Tags
  • Donations
1SMARTchicken - Code Made Easy
  • Tutorials (183)
  • Reference (2172)
  • Snippets (69)

Tag: Flex

1SMARTchicken - Code Made Easy

Tag: Flex

  • Tutorials (183)
  • Reference (2172)
  • Snippets (69)
  • Blog (1)
  • About Us
  • Tags
  • Donations
1SMARTchicken - Code Made Easy
  • Tutorials (183)
  • Reference (2172)
  • Snippets (69)
1SMARTchicken - Code Made Easy

Tag: Flex

  • Tutorials (183)
  • Reference (2172)
  • Snippets (69)
  • Home
  • Flex
HTML Tutorials

HTML – Basic Float and Flexbox Page Layouts

October 2, 2024 / HTML Tutorials, Tutorials / Flex, Layout

There are many ways to do HTML layouts that are both semantic and able to accommodate varying screen sizes. For instance, for beginner’s the CSS Float and Flexbox layouts.

CSS Reference

CSS – align-content Property

September 26, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The align-content property modifies the behavior of the flex-wrap property by aligning multiple flex lines along the vertical axis.

CSS Reference

CSS – align-items Property

September 26, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The align-items property specifies the vertical alignment for items inside the flex container. The following has three divs aligned centered on the horizontal axis.

CSS Reference

CSS – align-self Property

September 26, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The align-self property specifies the alignment for the specific item inside a flexible container.

CSS Reference

CSS – flex Property

September 28, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The flex property is a shorthand property for: flex-basis, flex-grow, and flex-shrink.

CSS Reference

CSS – flex-basis Property

September 28, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The flex-basis property specifies the initial length of a flexible item.

CSS Reference

CSS – flex-direction Property

September 28, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The flex-direction property specifies the direction of the flexible items.

CSS Reference

CSS – flex-flow Property

September 28, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The flex-flow property is a shorthand property for flex-direction and flex-wrap.

CSS Reference

CSS – flex-grow Property

September 28, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The flex-grow property specifies how much the item will grow relative to the rest of the flexible itemsinside the same container.

CSS Reference

CSS – flex-shrink Property

September 28, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The flex-shrink property specifies how the item will shrink relative to the rest of the flexible items inside the same container.

CSS Reference

CSS – flex-wrap Property

September 28, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The flex-wrap property specifies whether the flexible item should wrap or not.

CSS Reference

CSS – justify-content Property

September 29, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The justify-content property aligns the flexible container’s items when the items do not use all available space on the horizontal axis.

CSS Reference

CSS – order Property

September 30, 2024 / CSS Properties, CSS Reference, Reference / Flex, Layout, Responsive

The order property specifies the order of a flexible item relative to the rest of the flexible items inside the same container.

CSS Reference

CSS – List of Flex Properties

July 29, 2024 / CSS Reference, CSS Resources, Reference / Flex, Layout, Responsive

This is a quick reference list of CSS flex properties used to create flex templates and style them for a responsive design.

or View All Tags

Tutorials

  • HTML Tutorials (40)
  • CSS Tutorials (45)
    • CSS Flexbox (12)
  • JavaScript Tutorials (6)
  • jQuery Tutorials (13)
  • PHP Tutorials (0)
  • SQL Tutorials (0)
  • Python Tutorials (79)
    • Python File Handling (4)
    • Python and MySQL (11)
  • WordPress Tutorials (0)

Reference

  • HTML Reference (244)
    • HTML Tags (107)
    • HTML Attributes (46)
    • HTML Events (76)
    • HTML Resources (15)
  • CSS Reference (309)
    • CSS Selectors (55)
    • CSS Properties (220)
    • CSS Functions (17)
    • CSS Resources (17)
  • JavaScript Reference (555)
    • JavaScript Selectors (7)
    • JavaScript Operators (12)
    • JavaScript Statements (17)
    • JavaScript Methods (284)
    • JavaScript Properties (162)
    • JavaScript RegExp (45)
    • JavaScript Resources (28)
  • jQuery Reference (220)
    • jQuery Selectors (54)
    • jQuery Methods (140)
    • jQuery Ajax Methods (16)
    • jQuery Properties (17)
    • jQuery Resources (9)
  • PHP Reference (460)
    • PHP Keywords (59)
    • PHP Functions (400)
    • PHP Constants (0)
    • PHP Resources (1)
  • SQL Reference (290)
    • SQL Keywords (59)
    • MySQL Functions (138)
    • SQL Server Functions (83)
    • SQL Resources (10)
  • Python Reference (94)
    • Python Methods (86)
    • Python Resources (8)
  • WordPress Reference (0)

Snippets

  • HTML Snippets (3)
  • CSS Snippets (12)
  • JavaScript Snippets (5)
  • jQuery Snippets (8)
  • PHP Snippets (1)
  • SQL Snippets (3)
  • Python Snippets (1)
  • WordPress Snippets (36)
1SMARTchicken - Code Made Easy

333 Washington Blvd.
Suite 126
Marina del Rey, CA 90292
United States

contact2025@1smartchicken.com

  • About Us
  • Privacy Policy
  • Cookie Policy
  • Terms & Conditions

Search for Code:

or View All Tags

Copyright © 2025 1SMARTchicken | All Rights Reserved.