1
resposta

Consolidando seu conhecimento

Compartilhar código html e css

porém não consegui ajustar a imagem Html

<!DOCTYPE html>

<html lang="pt-br"


<head>
    <meta charset="UTF-8">
    <title>Hamburguer</title>
    <link rel="stylesheet" href="style1.css"


</head>

<body>

<img id="banner" src="hamburguer.jpg">

        <h1 style= "text-align: center" >COMO FAZER HAMBURGUER CASEIRO</h1>

        <p>Um hamburguer bem feito pode ser uma refeição tão saborosa quanto um prato de restaurante. Mas para isso, é preciso abandonar a conveniência de fast food e dos bifes de hamburguer congelados</p>

        <p>O segredo para um bife de hamburguer delicioso é equilibrar a carne magra com uma carne com mais gordura. É muito importante trazer gordura para o bife de hamburguer, senão ele irá ficar muito seco e duro – e o ponto ideal do hamburguer é úmido e macio. 
        Assim, não se preocupe que o hamburguer não ficará gorduroso, pois a gordura irá derreter quando você assá-lo ou fritá-lo, dando muito sabor à carne. Para fazer o hamburguer caseiro, usaremos os seguintes ingredientes:</p>

        <ul>
    <li class="itens">500 gramas de carne moída de carne magra como patinho</li>
    <li class="itens">500 gramas de carne moída de carne com mais gordura como fraldinha</li>
    <li class="itens">1 cebola branca grande</li>
    <li class="itens">2 dentes de alho</li>
    <li class="itens">Sal a gosto</li>
    <li class="itens">Pimenta do reino a gosto</li>    

        </ul>    


        <p style="font-size: 30px;"><strong>Modo de preparo:</strong></p>


        <p>Primeiro passo picar a cebola e o alho em pequenos pedaços.Depois em uma tigela grande misture as duas carnes com a cebola e o alho picado.</p>

         <p> Agora basta pegar a carne e modelar,separe 100 gramas da carne faça uma bola logo depois amasse-a até que fique no formato de uma carne de hamburguer</p>

         <p> Enrole as carnes em papel filme e leve ao congelador,se for consumir depois.</p>

         <p> Se for para consumir na hora,coloque um frigideira no fogo e quando ela estiver bem quente coloque um fio de óleo e logo em seguida a sua carne,não é necessário esperar o óleo esquentar,espera que a carne fique dourada dos dois lados e ela estará pronta</p>




</body>

CSS

body {
    background: #CCCCCC;
}

#banner {

     max-width: 100%;
    max-height: 100%;

    }


h1 {


    color: red 
}


p {
    text-align: center ;
    font-size: 20px;
}

ul {
    font-size: 20px;
}

1 resposta

Oi Matheus, tudo bem? o max-width e o max-height só informa o tamanho máximo que o elemento pode atingir, por exemplo, caso a o site vai ser apresentado em formato mobile ou outros. O atributo para tamanho da imagem é só o widht e height.

Testa e me informa se deu certo.

Fico no aguardo, Bons Estudos...