Category: Gutenberg

Gutenberg: Paragraph

Featured By

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris purus urna, vulputate at convallis hendrerit, mattis id mi. Nulla mauris justo, sodales vitae sodales nec, fermentum at elit. Proin condimentum risus sed venenatis mollis. Donec auctor euismod sodales. Donec sodales congue metus, sit amet tempor odio maximus in. Ut vestibulum nisl a maximus scelerisque. Donec aliquam eleifend metus, eget iaculis ante vestibulum id. Nulla facilisi. Nullam interdum sagittis accumsan. Phasellus egestas elementum enim nec condimentum. Sed mattis purus odio. Curabitur vehicula rutrum porttitor. Phasellus tempus dui id turpis fermentum, auctor dictum mauris mollis.

Font size

This is a small paragraph.

This is a normal paragraph.

This is a large paragraph.

This is a huge paragraph.

Drop Cap

A Drop Cap is a large letter that drops below the first line of a paragraph.

Color Settings

This paragraph has a custom Background Color.

This paragraph has a custom Text Color.

Text Alignment

This paragraph is aligned to the left.

This paragraph is aligned to the center.

This paragraph is aligned to the right.

Weight & Style

This paragraph is bold.

This paragraph is italicized.

This paragraph is a link.

This paragraph has an inline code.

This paragraph has an inline image.

This paragraph is justified.

This paragraph has a strikethrough text.

This paragraph has an underlined text.

Gutenberg: Columns

on By

Columns

2 columns

This is a 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit. Don’t forget to consider how columns will look on smaller screens. #mobilefirst

3 columns

This is a typical 3-column layout with images on top and some text below.

You’ll find this layout on web sites all over the internet.

Gutenberg makes this kind of layout easy to build. The future is now!

4 columns

This is the first column, and it’s amazing.

This is the second column, and it’s also amazing.

The third column, as they say, is like a charm.

This is the fourth column, and it’s possibly the best.

5 columns

5 columns of text in the post, 5 columns of text. Take one down, move it around, 4 columns of text in the post.

4 columns of text in the post, 4 columns of text. Take one down, move it around, 3 columns of text in the post.

3 columns of text in the post, 3 columns of text. Take one down, move it around, 2 columns of text in the post.

2 columns of text in the post, 2 columns of text. Take one down, move it around, 1 columns of text in the post.

1 column of text in the post, 1 column of text. Take one down, move it around, no columns of text in the post.

6 columns

One column.

Two columns.

Three columns.

Four columns.

Five columns.

Six columns.

One column.

Two columns.

Three columns.

Four columns.

Five columns.

Six columns.

Width

Wide

This is a wide width 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit. Don’t forget to consider how columns will look on smaller screens. #mobilefirst

Full

This is a full width 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit. Don’t forget to consider how columns will look on smaller screens. #mobilefirst

Percentage width

This column is 25% wide.

This column is 75% wide.

This column is 75% wide.

This column is 25% wide.

This column is 25% wide.

This column is 50% wide.

This column is 25% wide.

This column is 50% wide.

This column is 25% wide.

This column is 25% wide.

This column is 25% wide.

This column is 25% wide.

This column is 50% wide.

This column is 20% wide.

This column is 20% wide.

This column is 10% wide.

This column is 50% wide.

This column is 10% wide.

This column is 20% wide.

This column is 40% wide.

This column is 20% wide.

This column is 10% wide.

This column is 10% wide.

This column is 10% wide.

This column is 10% wide.

This column is 10% wide.

This column is 10% wide.

This column is 50% wide.

Vertical Alignment

Top

This is a 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit.

Middle

This is a 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit.

Bottom

This is a 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit.

Gutenberg: Embed

on By

Imgur

My dream car. Pagani Zonda

Twitter

YouTube

Facebook

Instagram

Soundcloud

Spotify

Flickr

star

Vimeo

Animoto

Cloudup

cupcakes

CollegeHumor

http://www.collegehumor.com/video/40004330/grant-vs-the-computer

Crowdsignal

Dailymotion

Hulu

Issuu

Kickstarter

Meetup

Washington, DC History & Culture

Washington, DC
44,704 Washingtonians

Meet People  +  See Places  +  Learn Things  +  Have Fun!Washington, DC History & Culture”Bringing People Together to Experience the History and Culture of Washington, DC.”…

Next Meetup

Rosa Parks Exhibition & Library of Congress Guided Tour

Saturday, Mar 14, 2020, 9:15 AM
24 Attending

Check out this Meetup Group →

Mixcloud

Reddit

I really like the lines and texture in this photo. from pics

ReverbNation

Screencast

Scribd

Slideshare

SmugMug

Smooth as Silver

Speaker Deck

TED

Tumblr

https://championthoughts.tumblr.com/post/157710857097/everyone-is-interesting-if-youre-ever-bored-in-a

WordPress.tv

VideoPress

Amazon Kindle URL