<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="../styles/main.css"> <title>Text Utilities</title> </head> <body> <!-- headings small text gray text center text --> <div class="flex-row-wrapper"> <h1>Heading...</h1> <div class="flex-row-wrapper"> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> </div> </div> <div class="flex-row-wrapper"> <p class=" fs-1_5rem">Small Text</p> </div> <div class="flex-row-wrapper"> <p class=" fs-1_5rem text-grey"> Grey Text</p> </div> <div class="flex-row-wrapper"> <p class=" fs-1_5rem align-centre">Text Center Aligned</p> </div> </body> </html>