Hejka,
Chciałem się zapytać czego mógłbym użyć by oddalić tekst od zdjęcia nie używając padding'a ani margin'a?
O to moje CSS i HTML.
Link do zdjęcia: Document — Osobisty — Microsoft Edge (gyazo.com)
* {
margin: 0px;
padding: 0px;
}
.kontener1 {
display: flex;
align-items: center;
text-align: justify;
}
.p50 {
width: 50%;
}
.B2C-kolor {
color: #FF883B;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700px;
font-size: 37px;
line-height: 120,57%;
width: 50%;
text-align: center;
}
.phototwo {
width: 50%;
}
.phototwo img {
width: 100%;
}
.text-B2C {
font-family:'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
width: 80%;
}
@media only screen and (max-width: 600px) {
.phototwo, .p50 {
width: 100%;
}
.kontener1 {
flex-wrap: wrap;
}
}
HTML:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Prosto+One&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="sresposible.css">
</a>
<title>Document</title>
</head>
<body>
<div class="kontener1">
<div class="phototwo">
<img src="phototwo.png">
</div>
<div class="p50">
<div class="B2C-kolor">
<h4>Sprzatąnie B2C</h4>
</div>
<div class="text-B2C">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut ligula vel ex pulvinar rutrum vitae et enim. Pellentesque hendrerit lacus vel lectus aliquet ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut ligula vel ex pulvinar rutrum vitae et enim. Pellentesque hendrerit lacus vel lectus aliquet ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ut ligula vel ex pulvinar rutrum vitae et enim. Pellentesque hendrerit lacus vel lectus aliquet ultrices.</p>
</div>
</div>
</div>