como eu afasto a imagem do texto
como eu afasto a imagem do texto
Manuela, coloque prints, e seu código para identificar o que está tentando realizar!
Acredito que tenho a mesma dúvida, segue prints:
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');
*{
margin: 0;
padding: 0;
}
body {
background-color: #110966;
color: #B2BFBC;
height: 100vh;
box-sizing: border-box;
}
.titulo {
color: yellow;
}
.presentation {
margin: 2% 12%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.presentation__content{
width: 615px;
display: flex;
flex-direction: column;
gap: 40px;
}
.presentation__title {
font-size: 36px;
font-family: 'Krona One', sans-serif;
}
.presentation__text {
font-size: 24px;
font-family: 'Montserrat', sans-serif;
}
.presentation__boxes {
display: flex;
justify-content: space-between;
}
.presentation__boxes__instagit {
background-color: aqua;
width: 180px;
text-align: center;
border-radius: 16px;
font-size: 24px;
padding: 21px 0;
text-decoration: none;
color: black;
font-family: 'Montserrat', sans-serif;
}
Nesse caso é necessário identificar o elemento pai que consta com o texto e a imagem como filho e verificar como consta a disposição, se tem elemento flex por exemplo, ou podem colocar no elemento da imagem um padding, por exemplo: padding-left: 1em e ir testando qual o melhor valor