Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

3 column preview of cars made with flexbox

@CristianoAAA

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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,230

@danielmrz-dev

Posted

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

Posted

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,230

@danielmrz-dev

Posted

@CristianoAAA

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

0

@gautam32b7

Posted

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
Discord logo

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