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

Article preview component solução

@Isabela-Fernanda

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Foi a primeira vez que usei JS, acho que me saí bem, mas poderia diminuir o tempo que foi gasto como um todo.

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

PT

Um problema que eu encontrei foi que os icones das redes sociais continuavam clicaveis mesmos quando a div em que estavam contidos estava com display:none, então eu também apliquei display:none na ul e resolveu.

EN

One problem I encountered was that the social media icons continued to be clickable even when the div in which they were contained was set to display:none, so I also applied display:none to the ul and it resolved it.

What specific areas of your project would you like help with?

PT

Não consegui deixar o botão igual ao design fornecido, se possível eu gostaria de informações de como deixa-lo mais parecido com design fornecido. Também aceito feedbacks sobre qualquer outro ponto que possa ser melhorado.

EN

I was unable to make the button the same as the design provided, if possible I would like information on how to make it more similar to the design provided. I also accept feedback on any other points that can be improved.

Community feedback

Juan 480

@JEWebDev

Posted

Amazingly done! Congratulations on your solution! Keep up the hard work

0

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