Typography in getcss | How to use alignment, spacing, etc.

Typography

Headings and Text

Heading and text are responsive according to various screen sizes.

Device	xs	sm	md	lg	xl	dxl
h1	36px	39px	44px	51px	60px	71px
h2	30px	32px	36px	42px	50px	60px
h3	25px	26px	29px	34px	41px	50px
h4	21px	24px	24px	26px	30px	35px
h5	18px	19px	20px	21px	24px	28px
h6	16px	17px	18px	19px	22px	26px
p (base font)	15px	16px	17px	18px	19px	20px
small	13px	14px	15px	16px	17px	18px

You do not need to define any class for heading and text.

Customizing Headings and Text

Class .fs-{font-size} can be used to customize your headings and text.

<h4 class="fs-36">This is a paragraph with customized heading.</h4>
This is a paragraph with customized text size.

This is a paragraph with customized heading.

This is a paragraph with customized text size.

Text Alignment

Change the alignment of your text as follow:

Left align a text

Text of this paragraph is left-aligned. We use getcss's text-left class in this paragraph to make it aligned left. Just write 'class=txt-left' and the element text will be left aligned.

Text of this paragraph is left-aligned. We use getcss's text-left class in this paragraph to make it aligned left. Just write 'class=txt-left' and the element text will be left aligned.

Center align a text

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta illo fugiat eligendi. Quisquam molestias, commodi hic quasi, quos sed porro ut ipsa accusantium saepe deserunt tenetur inventore? Dolorum nam, magni voluptas aliquam laborum, consectetur ipsa, eos accusantium neque nulla voluptatem.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta illo fugiat eligendi. Quisquam molestias, commodi hic quasi, quos sed porro ut ipsa accusantium saepe deserunt tenetur inventore? Dolorum nam, magni voluptas aliquam laborum, consectetur ipsa, eos accusantium neque nulla voluptatem.

Right align a text

Text of this paragraph is right-aligned. We use getcss's text-right class in this paragraph to make it aligned right. Just write 'class=txt-right' and the element text will be right aligned.

Text of this paragraph is right-aligned. We use getcss's text-right class in this paragraph to make it aligned right. Just write 'class=txt-right' and the element text will be right aligned.

Justify a text

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta illo fugiat eligendi. Quisquam molestias, commodi hic quasi, quos sed porro ut ipsa accusantium saepe deserunt tenetur inventore? Dolorum nam, magni voluptas aliquam laborum, consectetur ipsa, eos accusantium neque nulla voluptatem.