Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Desafio concluído

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

Mais vendidos

            <div class="swiper-wrapper">
                <!-- Slides -->
                <div class="swiper-slide"><img src="img/Acessibilidade.svg" alt="Livro sobre a Acessebilidade da Web"></div>
                <div class="swiper-slide"><img src="img/Angular 11.svg" alt="Livro sobre contruir uma aplicação uma aplicação integrada com a plataforma do Google"></div>
                <div class="swiper-slide"><img src="img/Arquitetura.svg" alt="Livro de Boas Práticas para o mundo de microsserviços"></div>
                <div class="swiper-slide"><img src="img/MetricasAgeis.svg" alt="Livro sobre Métricas Ágeis melhores resultados em equipe"></div>
                <div class="swiper-slide"><img src="img/MEAN.svg" alt="Livro sobre Desenvolvimento Web usando o Mean"></div>
                <div class="swiper-slide"><img src="img/ReactNative.svg" alt="Livro sobre Desenvolvimento de Aplicativos Mobile com React"></div>
                <div class="swiper-slide"><img src="img/UX.svg" alt="Livro sobre Design aplicado a ecossistemas de produtos"></div>
            </div>               
    
            <!-- If we need navigation buttons -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>                  
        </div>

        <div class="card">
            <img src="img/Estrelinhas.svg" alt="Estrelinhas">
            <!--1° linha-->
            <div class="card__descricao">
                <!--1° coluna-->
                <div class="descricao">
                    <h3 class="descricao__titulo">Autora do Mês</h3>
                    <h2 class="descricao__titulo-livro">Juliana Agarikov</h2>
                    <p class="descricao__texto">Analista de sistemas e escritora, Juliana é especialista em Front-End.</p>
                </div>
                <!--2° coluna-->
                <img src="img/Escritora.svg" alt="Foto da Escritora" class="descricao__imagem">
            </div>
            
            <!--2° linha-->
            <div class="card__botões">
                <!--1° coluna-->
                <ul class="botões">
                    <li class="botões__item"><img src="img/Favoritos.svg" alt="Favoritar livros"></li>
                    <li class="botões__item"><img src="img/Sacola.svg" alt="Adicionar no carrinho de compras"></li>
                </ul>
                <!--2° coluna-->
                <a href="#" class="botões__ancora">Saiba mais</a>
            </div>
        
        </div>

    </section>
    
    
1 resposta
solução!

Olá!

Que alegria ver seu projeto ganhando vida e sendo compartilhado aqui!

Continue praticando e explorando cada vez mais.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!