Skip to content

Create account

DEV Community

Aslam Shah

Posted on Oct 2, 2020 • Edited on Oct 9, 2020

1

2

👋 Just a single CSS line for a perfect center layout

#css #layouts #html

`place-items` is a shorthand property for `align-items` and `justify-items` and can be used to perfectly center elements.

  display: grid;
  place-items: center;

Browser Support
MDN Docs

Live in Action:

Top comments (0)

Subscribe

A Workflow Copilot. Tailored to You.

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

DEV Community

👋 Just a single CSS line for a perfect center layout

`place-items` is a shorthand property for `align-items` and `justify-items` and can be used to perfectly center elements.

Top comments (0)

A Workflow Copilot. Tailored to You.

Read next

Blockchain and Intellectual Property: A Paradigm Shift in Rights Management

Blockchain and Decentralized Finance: Revolutionizing the Financial Landscape

Blockchain and Carbon Credits: A Technological Revolution in Environmental Conservation

Beeple Genesis on Arbitrum: A New Chapter in the NFT Revolution

Okay

place-items is a shorthand property for align-items and justify-items and can be used to perfectly center elements.

A Workflow Copilot. Tailored to You.

Read next

Blockchain and Intellectual Property: A Paradigm Shift in Rights Management

Blockchain and Decentralized Finance: Revolutionizing the Financial Landscape

Blockchain and Carbon Credits: A Technological Revolution in Environmental Conservation

Beeple Genesis on Arbitrum: A New Chapter in the NFT Revolution

Okay

`place-items` is a shorthand property for `align-items` and `justify-items` and can be used to perfectly center elements.