Computer scienceFrontendCSSBasic propertiesCommon properties

Overflow

Theory

Horizon

Report a typo

You will most likely never be in a situation where it's necessary to use overflow-x. But there is a certain chance, and even though this chance is smaller than an atom, we'll practice it anyway.

Make the extra text in the header hidden and scrollable.

Tip: You don't know for sure if the text will overlap or not.

Write HTML and CSS code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<title>Horizon</title>
</head>
<body>
<div class="main">
<div class="img-container">
</div>
<div class="content-container">
<h2>JetBrains Academy Introduces Annual Subscriptions</h2>
<p>Back in June, we took a big step forward with JetBrains Academy and introduced a monthly subscription model. We
are grateful to each and every member of our learning community for all your support and the feedback we've
...</p>
<p class="meta">December 28, 2020<br>by Anna Morozova</p>
</div>
</div>
</body>
</html>

Completed 0 of 1
Mission accomplished
___

Create a free account to access the full topic