Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] DÚVIDA - Como ajustar o tamanho da imagem na página

Eu fiz o desafio do currículo, porém não estou conseguindo ajustar o tamanho da imagem e nem colocar ela alinhada na altura do texto

Segue o meu código:

Home Sobre mim Currículo
<main class="apresentacao">
    <section class="apresentacao__conteudo">
        <h1 class="apresentacao__conteudo__titulo">Currículo</h1>
        <p class="apresentacao__conteudo__texto">
            Profissional atuando há 1 ano e 6 meses na área da Construção Civil tendo passado por
            segmentos de vendas, marketing e também atuando de forma voluntária no movimento das
            empresas júniores. Atualmente estou em uma transição de carreira, estudando e me especilizando na área de desenvolvimento web com foco em Front-end
        </p>
        <h2 class="apresentacao__conteudo__titulo">Experiências</h2>
        <p class="apresentacao__conteudo__texto">
        <ul class="apresentacao__conteudo__texto">
            <li> Auxiliar de Engenharia Pleno | Consórcio Copasa-Ello (03/2021 - 08/2022) </li>
            <li> Diretor Comercial | Building Engenharia Jr. (04/2019 - 01/2021) </li>
            <li> Executivo de Vendas | I9 Life Global (06/2016 - 03/2019)</li>   
        </ul>
        </p>
        <h3 class="apresentacao__conteudo__titulo">Educação</h3>
        <div>
        <p class="apresentacao__conteudo__texto">
            <ul class="apresentacao__conteudo__texto">
                <li>2015 - 2022 | Graduação em Engenharia Civil | UFPa</li>
                <li>2021 - Cursando | Curso de Inglês | Minds English School</li>
                <li>2023 | Arquitetura de computadores | Alura</li>
                <li>2023 | HTML e CSS: Ambientes de desenvolvimento, estrutura e tags | Alura</li>
                <li>2023 | HTML  CSS: Classes, posicionamento e Flexbox | Alura</li>
                <li>2023 | Lógica de Programação: Laços e listas com JavaScript | Alura</li>
                <li>2023 | Lógica de Programação: Comece em lógica com o jogo Pong e JavaScript | Alura</li>
            </ul>
        </p>
        </div>
    </section>
    <img src="./assest/Foto Victor Vieira.jpeg" alt="Foto Victor Vieira">
</main>

<footer>
    <p class="rodape">Desenvolvido por Victor Vieira</p>
</footer>
3 respostas

Qual é o CSS? Em estiliza uma página é o CSS. O HTML apenas é uma estrutura

solução!

Como você esta usando uma imagem sua, crie uma classe para ela exemplo:

<img class:"apresentacao__imagem" src="./assest/Foto Victor Vieira.jpeg" alt="Foto Victor Vieira"

No style.css escreva a tag e altere o tamanho usando o width e vá mudando as porcentagens até ficar do seu agrado

exemplo:

.apresentacao__imagem { width: 25% ; }

Espero ter ajudado.

Muito obrigado! Consegui ajustar a foto com a ajuda de vocês!