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

[Dúvida] Deslocamento da imagem

seguindo as instruções da aula a pagina "sobre mim" funcionou porém na página do curriculo fazendo a mesma coisa a imagem não se move para o lado direito.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas
<!DOCTYPE html>
<html lang="pt-br">
<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">
    <title>curriculo</title>
    <link rel="stylesheet" href="./styles/style.css">
</head>
<body>
    <header>
        <nav class="cabecalho__menu">
            <a class="cabecalho__menu__links" href="index.html">Home</a>
            <a class="cabecalho__menu__links" href="about.html">Sobre mim</a>
        </nav>
    </header>
    <main class="apresentacao">
        <section class="apresentacao__conteudo">
            <h1 class="apresentacao__conteudo__titulo">Currículo</h1>
            <p class="apresentacao__conteudo__texto">Tenho experiência em suporte Técnico a usuários internos via remoto e em campo, 
                tanto na parte de hardware como na parte de software, também trabalhei dando suporte a impressoras.</p>

            <h2 class="apresentacao__conteudo__titulo">Experiências</h2>
            <p class="apresentacao__conteudo__texto">
            <ul class="apresentacao__conteudo__texto">
                <li> <strong> Penso Tecnologia (2020 - Atualmente)</strong><br>
                Responsável por cuidar do ambiente do cliente (com filiais em SP e DF), altamente virtualizado e clusterizado, com presença de 
                Blades, Storages, Servidores físicos e virtuais (Windows e Linux). Diagnóstico de problemas e resolução dos mesmos.

                Administração dos Servidores Windows: Active Directory, RODC, servidores de impressão, DNS, DHCP, GPO, DFS, FTP, RDS e 
                demais serviços Windows. Realizar o deploy de novos servidores no ambiente. Configuração e padronização de GPO e scripts 
                .VBS com base nas necessidade do ambiente e dos usuários.
                Configuração, administração e troubleshoot de AP Ubiquiti UNIFI.
                Monitoramento de ambiente com Zabbix.
                Administração de rotinas de Backup com Veritas Backupexec.
                Administração de Kaspersky Security Center.
                Troubleshooting com Firewall Fortigate.
                Suporte aos usuários (Service Desk): impressoras, softwares, antivírus, dispositivos tecnológicos em geral, manutenção de computadores.</li></p>

                <li><strong> IT2B - Tecnologia (Julho de 2019 - Abril de 2020 )</strong><br>
                    Fornecer Suporte aos usuários, Clientes, sobre a utilização de Softwares, Anti
                    vírus
                    e Afins, Instalar nos Computadores Sistemas utilizados pela TJSP, Testar e Instalar
                    cabos de Rede, Formatação e Manutenção de Computadores.
                </li>

                <li><strong> Hospital Maternidade Escola Vila Nova Cachoeirinha (Março de 2018 - Julho de 2019)</strong><br>
                    Fornecer Suporte ao usuário, Clientes sobre a utilização de Softwares, Anti vírus
                    e Afins, Instalar nos Computadores Sistemas utilizados pela PMSP, Testar e Instalar cabos e
                    Terminais de Redes, Formatação e Manutenção de Computadores.
                </li>
            </ul>
            <h2 class="apresentacao__conteudo__titulo">Estudos</h2>
            <p class="apresentacao__conteudo__texto"></p>
            <ul class="apresentacao__conteudo__texto">
                <li><strong>Universidade Nove de Julho</strong><br>Tecnologia Em Gestão da Tecnologia da Informação 
                    (Início 2017 - Término 2020)</li>
                <li><strong>Curso Alura: HTML e CSS: praticando HTML/CSS</strong> 
                    <a href="https://cursos.alura.com.br/certificate/raphael-3003/html-css-praticando-html-css">Certificado</a>
                </li>

                <li><strong>Curso Alura: JavaScript para Web Páginas dinâmicas</strong><br>
                    <a href="https://cursos.alura.com.br/certificate/raphael-3003/javascript-web-paginas-dinamicas">Certificado</a>
                </li>

                <li><strong>HTML5 e CSS3: avançando no CSS</strong><br>
                    <a href="https://cursos.alura.com.br/certificate/raphael-3003/html5-css3-avancando-css">Certificado</a>
                </li>
            </ul>

        <img class='apresentacao__foto'src="perfil.png" alt="Raphael Romano">
    </main>
        </section>
    <footer class="rodape"><p class="rodape__texto">Desenvolvido por Raphael Romano.</p></footer>

</body>
</html>
solução!

Boa tarde!

Você fechou algumas tags incorretamente e para que a imagem fique ao lado, você deve inserir ela depois do fechamento da tag section, já que o display: flex; foi aplicado na tag pai, ou seja na class apresentacao. Tente dessa maneira:

<!DOCTYPE html>
<html lang="pt-br">
<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">
    <title>curriculo</title>
    <link rel="stylesheet" href="./styles/style.css">
</head>
<body>
    <header>
        <nav class="cabecalho__menu">
            <a class="cabecalho__menu__links" href="index.html">Home</a>
            <a class="cabecalho__menu__links" href="about.html">Sobre mim</a>
        </nav>
    </header>
    <main class="apresentacao">
        <section class="apresentacao__conteudo">
            <h1 class="apresentacao__conteudo__titulo">Currículo</h1>
            <p class="apresentacao__conteudo__texto">Tenho experiência em suporte Técnico a usuários internos via remoto e em campo, 
                tanto na parte de hardware como na parte de software, também trabalhei dando suporte a impressoras.</p>

            <h2 class="apresentacao__conteudo__titulo">Experiências</h2>
            <p class="apresentacao__conteudo__texto">
            <ul class="apresentacao__conteudo__texto">
                <li> <strong> Penso Tecnologia (2020 - Atualmente)</strong><br>
                Responsável por cuidar do ambiente do cliente (com filiais em SP e DF), altamente virtualizado e clusterizado, com presença de 
                Blades, Storages, Servidores físicos e virtuais (Windows e Linux). Diagnóstico de problemas e resolução dos mesmos.

                Administração dos Servidores Windows: Active Directory, RODC, servidores de impressão, DNS, DHCP, GPO, DFS, FTP, RDS e 
                demais serviços Windows. Realizar o deploy de novos servidores no ambiente. Configuração e padronização de GPO e scripts 
                .VBS com base nas necessidade do ambiente e dos usuários.
                Configuração, administração e troubleshoot de AP Ubiquiti UNIFI.
                Monitoramento de ambiente com Zabbix.
                Administração de rotinas de Backup com Veritas Backupexec.
                Administração de Kaspersky Security Center.
                Troubleshooting com Firewall Fortigate.
                Suporte aos usuários (Service Desk): impressoras, softwares, antivírus, dispositivos tecnológicos em geral, manutenção de computadores.</li></p>

                <li><strong> IT2B - Tecnologia (Julho de 2019 - Abril de 2020 )</strong><br>
                    Fornecer Suporte aos usuários, Clientes, sobre a utilização de Softwares, Anti
                    vírus
                    e Afins, Instalar nos Computadores Sistemas utilizados pela TJSP, Testar e Instalar
                    cabos de Rede, Formatação e Manutenção de Computadores.
                </li>

                <li><strong> Hospital Maternidade Escola Vila Nova Cachoeirinha (Março de 2018 - Julho de 2019)</strong><br>
                    Fornecer Suporte ao usuário, Clientes sobre a utilização de Softwares, Anti vírus
                    e Afins, Instalar nos Computadores Sistemas utilizados pela PMSP, Testar e Instalar cabos e
                    Terminais de Redes, Formatação e Manutenção de Computadores.
                </li>
            </ul>
            <h2 class="apresentacao__conteudo__titulo">Estudos</h2>
            <p class="apresentacao__conteudo__texto"></p>
            <ul class="apresentacao__conteudo__texto">
                <li><strong>Universidade Nove de Julho</strong><br>Tecnologia Em Gestão da Tecnologia da Informação 
                    (Início 2017 - Término 2020)</li>
                <li><strong>Curso Alura: HTML e CSS: praticando HTML/CSS</strong> 
                    <a href="https://cursos.alura.com.br/certificate/raphael-3003/html-css-praticando-html-css">Certificado</a>
                </li>

                <li><strong>Curso Alura: JavaScript para Web Páginas dinâmicas</strong><br>
                    <a href="https://cursos.alura.com.br/certificate/raphael-3003/javascript-web-paginas-dinamicas">Certificado</a>
                </li>

                <li><strong>HTML5 e CSS3: avançando no CSS</strong><br>
                    <a href="https://cursos.alura.com.br/certificate/raphael-3003/html5-css3-avancando-css">Certificado</a>
                </li>
            </ul>
        </section>
        <img class='apresentacao__foto'src="perfil.png" alt="Raphael Romano">
    </main>

   <footer class="rodape"><p class="rodape__texto">Desenvolvido por Raphael Romano.</p></footer>

</body>
</html>

Espero ter ajudado!

Valeu mano, salvou dnv