Skip to content
Submitted 8 months ago

3 column preview of cars made with flexbox

CristianoAAA•30
@CristianoAAA
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud of the i learned a lot in the process and next time i would try to google the things that i don't know.

What challenges did you encounter, and how did you overcome them?

I had some trouble with the border-radius, but i google'd it and found out that i can set the border-radius to less than 4 corners

Community feedback

  • Daniel 🛸•44,310
    @danielmrz-devPosted 8 months ago

    Fala @CristianoAAA!

    Seu projeto ficou ótimo!

    Segue uma dica pras imagens aparecerem:

    📌 Quando usar a tag <img>, sempre se certifique de configurar o caminho correto para a imagem, e também de fazer o upload da pasta assets com as imagens junto com o projeto pro Github, caso contrário seu código não conseguirá encontrar a imagem. E se o seu código não conseguir encontrar a imagem, ela não irá aparecer.

    Espero que ajude!

    Fora isso, você fez um ótimo trabalho!

    Marked as helpful
    2
    CristianoAAA•30
    @CristianoAAAPosted 8 months ago

    Iaee, @danielmrz-dev ! Consegui incluir a pasta com as imagens no repositório do GitHub e agora as imagens estão aparecendo, obrigado demais pela ajuda, cara! Tava quebrando a cabeça com esse negócio e agora eu sei como fazer do jeito certo, obrigado mesmo! Uma coisa, queria saber o melhor site para gerar domínios de graça para os meus projetos, você sabe algum?

    1
    Daniel 🛸•44,310
    @danielmrz-devPosted 8 months ago

    @CristianoAAA

    Eu costumo utilizar o Github Pages e o Vercel. Mas bastante gente por aqui usa também o Netlify.

    0
  • Gautam Sarkar•850
    @gautam32b7Posted 8 months ago

    Hi there

    Nice job. I have reviewed your code and found you have written the wrong image path i.e <img src="images/icon-suvs.svg" alt="Ícone com um carro SUV"/>

    The correct way to write an image path is <img src="./images/icon-suvs.svg" alt="Ícone com um carro SUV"/>

    ./ means current location

    Marked as helpful
    2

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord