Super Centered layout

This feature is to make the content centered using CSS property grid also place-items: center.
It's gonna make the content has center position vertical and horizontal.

Check it out!
Avatar

Bima Indra

@bimaindraa
Edit
28 days summary with change over previous period

POSTS↓ 11.1%

24

IMPRESSIONS↓ 11.1%

11.2K

PROFILE VIEWS↑ 11.1%

264

FOLLOWERS↓ 11.1%

1,005

The Deconstructed Pancake layout

This feature is to make the content has fixed width, stacked when on the mobile screen, also spanning into the same line.
To make that, just use simple CSS property flex also flex: 0 1 < baseWidth >.
Shrink the browser to have a look the effect.

Check it out!

Your stats in February

Thank you for sharing with the community!

Views

573 +29 views

Likes

1 +5 likes

Download

7 0 downloads

Pancake Stack layout

This feature is to make the content has same dimension.
To make that, just use simple CSS property grid also grid-template-rows: auto 1fr auto.
It's good when we have website but our website doesn't has any content to be shown in one full screen.

Check it out!
Header
Avatar

Bima Indra

@bimaindraa
Edit
28 days summary with change over previous period

PROFILE VIEWS↑ 11.1%

264

FOLLOWERS↓ 11.1%

1,005

RAM (Repeat, Auto, Minmax) layout

Check it out!

Your stats in February

Thank you for sharing with the community!

Views

573 +29 views

Likes

1 +5 likes

Download

7 0 downloads

Respect for Aspect layout

This feature is maintain ratio of content using CSS property aspect-ratio.
Shrink the browser to have a look the effect.

Check it out!
Avatar

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi, molestias earum. Enim, ea tempore repellat blanditiis velit non, ut, laboriosam omnis accusantium assumenda aperiam odit nesciunt ipsa inventore sit facilis!