Параграфы неплохо отображаются на мобильных дисплеях.
Но для больших дисплеев стоит немного подправить.
Давай для всех устройств с шириной дисплея больше, чем 480px, изменим стили параграфа:
размер шрифта должен стать 14px, вертикальные отступы 20px, горизонтальные - 60px.
Используй встроенные скрипты.

Эта задача — часть курса по Full-Stack JavaScript
Ты можешь задать свой вопрос в комментариях под постом
Если ты уже решил задачу, то не стесняйся помочь другим

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
    <title>Height and font</title>
    <style>
        * {
            font-family: monospace;
        }
        h2 {
            text-align: center;
        }
        p {
            font-size: 20px;
            padding: 5px 20px;
        }
    </style>
  </head>
  <body>
    <h2>Facebook</h2>
    <p>Facebook (stylized as facebook) is an American online social media and social networking service based in Menlo Park, California, and a flagship service of the namesake company Facebook, Inc. It was founded by Mark Zuckerberg, along with fellow Harvard College students and roommates Eduardo Saverin, Andrew McCollum, Dustin Moskovitz, and Chris Hughes.</p>
    <p>The founders of Facebook initially limited membership to Harvard students. Membership was expanded to Columbia, Stanford, and Yale before being expanded to the rest of the Ivy League, MIT, NYU, Boston University, then various other universities in the United States and Canada, and lastly high school students. Since 2006, anyone who claims to be at least 13 years old has been allowed to become a registered user of Facebook, though this may vary depending on local laws. The name comes from the face book directories often given to American university students.</p>
  </body>
</html>