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

FAQ accordion card

@Danielhu3

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I got some problems to position the box .logo-box on the right place, could someone help me?

Community feedback

Luan 200

@LuanFlorencioo

Posted

Fala meu cria! Vi que tu também é de Nova Iguaçu, tmj irmão!

Então, apesar de eu não conhecer muito bem scss, posso tentar lhe ajudar na medida do possível. Terminei este desafio quase agora a pouco, utilizando o básico do básico com HTML, CSS e Javascript puro, e particulamente, não ficou tão ruim assim o meu código. Utilizei o modo mais convencional de posicionamento que é o 'flexbox' e 'position relative' nas ilustrações e tals... se quiser uma ajuda (não sei se será proveniente rsrs) nesse desafio aí, é só chamar lá no discord mano. Ah, e eu segui você lá no github... meu discord -> Luan_Florencio#5703

Marked as helpful

0

@Danielhu3

Posted

@LuanFlorencioo Opa, obg pela ajuda aí, vou tentar consertar meu projeto com suas dicas e dps te chamo no discord também. Te segui de volta no GitHub :)

0

@Kamasah-Dickson

Posted

Okay so use max-width maybe 800px on the container or manipulate it yourself to fix the width issue. Also the logo-box should be position: absolute; left:0; bottom:0;

remember the background-svg should be position:relative;

but in your case I Think there is something wrong with your markup but this will help fixed more of your issue.

Happy coding :)

Marked as helpful

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