Computer scienceFrontendCSSBasic propertiesCommon properties

Overflow

Theory

Picture

Report a typo

Right now the image is too big for its container. Normally you would scale the image or make the block bigger, but not today. Today your task is to crop the image so it fits the block and to make it possible to scroll the image along any axis.

Tip: Not auto

Write HTML and CSS code
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<title>One axis</title>
</head>
<body>
<div class="block">
<img src="https://i.pinimg.com/originals/91/42/ec/9142ec2b4ae185d515c6873643fe56c7.jpg" alt="">
</div>
</body>
</html>

Completed 0 of 1
The cat is trapped inside the block
___

Create a free account to access the full topic