CSS :: Flex Box

align-content determines the spacing between lines

align-items determines how the items as a whole are aligned within the container.

When there is only one line, align-content has no effect

https://codepen.io/shyamkunda/pen/WNadPxe

#flexbox #flex-css #flex #flex-direction #flex-wrap

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Stop Retrying Failures That Will Fail the Same Way: Failure Buckets for Playwright Retries

Written for: engineers and SDETs who run slow, stateful end-to-end suites in CI. Retries are the cheapest way to make a CI pipeline look healthier. They are also one of the easiest ways to waste an af

Oct 8, 20269 min read

J.A.R.V.I.S.: a QA command center

Most QA automation starts in a terminal. You run a command, wait for it to finish, scroll through logs and share a stack trace with the team. That works when one person owns the workflow. It becomes h

Oct 8, 202611 min read

FastAPI notes

Create Virtual Env # Create a virtual environment python3 -m venv venv # Activate it (macOS/Linux) source venv/bin/activate # Then install pip install -r requirements.txt Running server uvicorn boo

Mar 15, 20264 min read

Roadmap to AI Engineer

This is my personal notes from youtube channels Artificial Intelligence is no longer just for researchers. If you're a software engineer, the transition to AI engineering is much shorter than you thin

Mar 1, 20265 min read

Important lessons from experience developer

I want to summarize the good insights from this youtube video from pete. Key Points from the Video You Don’t Need to Know Everything You don’t have to memorize every detail of a language or technology — even experienced developers don’t know every...

Jan 17, 20262 min read

Shyam Kunda

26 posts

Software developer. Expert in designing Test Automation Solutions with Good reporting and Analytical features.

Command Palette

Flex Containers

flex-direction :: row (default) & Column

flex-direction | flex-wrap | flex-flow

Justify-Content

Flex box : align-items

align-items :: baseline

align-content

Comments

More from this blog