#need help

10 messages · Page 1 of 1 (latest)

terse aspen
#

Thanks for your question :clap:, if someone gives you an answer it would be great if you thanked them with a :white_check_mark: in response. This response will earn you both points for special roles on this server.

You can also use /ai to get help from the bot ·
terse aspen
#

@terse aspen _0bits's Question:

remind me what display flex did rq

display: flex; is a CSS property that is used to create a flexible layout. It allows you to easily arrange and align elements within a container in a row or column based on the flex direction property.

When you apply display: flex; to a container element, its immediate children (referred to as flex items) become flex items and are laid out according to the flex container's properties.

Here are some key features and behaviors of display: flex;:

  1. Flex direction: Specifies whether the flex items should be laid out in a row (row or row-reverse) or column (column or column-reverse).
  2. Justify content: Determines how flex items are distributed along the main axis (horizontal axis for rows, vertical axis for columns) within the flex container.
  3. Align items: Controls how flex items are aligned along the cross axis (opposite to the main axis).
  4. Align self: Allows individual flex items to override the align-items property for their own alignment.
  5. Flex basis, flex-grow, and flex-shrink: These properties control the sizing of the flex items within the flex container, allowing them to grow or shrink as needed.
  6. Flex wrap: Determines whether the flex items should wrap onto multiple lines if they can't fit in a single line.

By utilizing these properties, display: flex; allows you to create powerful and responsive layouts without having to rely too heavily on floats or positioning.

#

Wdym with flex?

#

I meant responsive

#

I believe flex works will give more details

past jewel
#

and responsive is

#

@media

#

when i make the tab smaller it will rearrange everything to fit a mobile view

past jewel
#

like this