Computer scienceFrontendCSSAdvanced features

Media queries

Theory

Adaptibility

Report a typo

Modify the below code and ensure that the markup is responsive by adjusting the block widths. Currently, all blocks are set to 20% width. Modify the CSS to make the blocks 90% wide when the screen width is 400px or less.

Write HTML and CSS code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Adaptibility</title>
</head>
<body>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</body>
</html>

Completed 1 of 2
The CSS code has the proper media query.
The code is valid.
___

Create a free account to access the full topic