CSS. background-image

Question

Всем привет, можете, пожалуйста, помочь. Не помещается картинка, а именно её правая часть. Секция first_block(её фоновое изображение).

body {
	margin: 0;
	padding: 0;

}

.first_block {
	background-image: url('img/photo.png');
	background-size: cover;
	width: 100%;
	height: 1024px;
	background-position: center;
}

<!DOCTYPE html>
<html>
<head>
	<title>Waxom</title>
	<link rel="stylesheet" type="text/css" href="Waxom.Landing page.css">
</head>
<body>
<section class="first_block">
	<header class="header">
		<div class="section_start"> 
		    <div class="header-container">
			     <div class="logo">
				    <img src="img/logos.png">
			     </div>
			     <nav class="navigation">
			     	<ul class="menu">
			     		<li>Home</li>
			     		<li>About us</li>
			     		<li>Portfolio</li>
			     		<li>Features</li>
			     		<li>Blog</li>
			     		<li>Pricing</li>
			     		<li>Shortcodes</li>
			     		<li>Contact</li>	
			     	</ul>
			     </nav>
			     <div class="icons">
			     	<img src="">
			     	<img src="">
			     </div>
		     </div>
		</div>
	</header>
</section>
</body>
</html>

Answer 1

body {
	margin: 0;
	padding: 0;

}

.first_block {
	background-image: url('https://cortexonemsedu.azureedge.net/assets/hero-remote-learning-surface-1399/1/hero_remote-learning_surface_1399.jpg');
	background-size: auto;
	width: 100%;
	height: 1024px;
	background-position: center;
}

<!DOCTYPE html>
<html>
<head>
	<title>Waxom</title>
	<link rel="stylesheet" type="text/css" href="Waxom.Landing page.css">
</head>
<body>
<section class="first_block">
	<header class="header">
		<div class="section_start"> 
		    <div class="header-container">
			     <div class="logo">
				    <img src="img/logos.png">
			     </div>
			     <nav class="navigation">
			     	<ul class="menu">
			     		<li>Home</li>
			     		<li>About us</li>
			     		<li>Portfolio</li>
			     		<li>Features</li>
			     		<li>Blog</li>
			     		<li>Pricing</li>
			     		<li>Shortcodes</li>
			     		<li>Contact</li>	
			     	</ul>
			     </nav>
			     <div class="icons">
			     	<img src="">
			     	<img src="">
			     </div>
		     </div>
		</div>
	</header>
</section>
</body>
</html>

БЛОГ НА HUSL

CSS. background-image

Ответы (1 шт):