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

14th Challenge - FAQ accordion card

@DrunkenNeoguri

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 translated the sentences into English using 'translate.google.com'. Please understand if there are any strange grammar.) annyeonghaseyo! 14beonjjae chaellinjiibnida! ije Newbie dangyeui munjeneun du gae nam-assgun-yo! god Junior dangyeleul dojeonhal sigiga dwaessdaneun geos-e gidaega doebnida. ibeon jag-eob-eun jinhaeng-eul hadaga maghineun bubundeul-i manh-assseubnida. accordion-ui guhyeon, accordion-ui aenimeisyeon cheoli.. deungdeung.. ie gwanhan haegyeol-eun yutyubeuwa saiteu geomsaeg-eul tonghaeseo haegyeolhaessseubnidaman, seuseulo jigjeob cheoeumbuteo kkeutkkaji haenaen geos-i anilago saeng-gaghagie i chaellinjineun 4wol-e jaedojeonhaebol saeng-gag-ibnida. geuboda, csseseo '--'ui sseu-im-ina var(): byeonsuui hwal-yong bangbeob-eul jeonhyeo mollassneunde yutyubeuleul tonghae ileon geosdeul-eul eotteohge hwal-yonghalji alge doeeo gippeubnida! dangjang, da-eum-ui chaellinjieseo sidohaebogo sipseubnida! geuleom da-eum chaellinjieseo tto mannayo! Thank you for watching! > ▽<)/ If you have any other advice, please feel free to tell me! 자세히 599 / 5,000 번역 결과 (I translated the sentences into English using 'translate.google.com'. Please understand if there are any strange grammar.)

Hello! This is the 14th challenge!

There are now two questions left for the Newbie stage! I am looking forward to seeing that it is time to take on the Junior stage soon.

There were many obstacles in the process of this work. Implementation of accordion, animation handling of accordion...etc.

The solution to this was solved through YouTube and site search, I don't think I did it myself from start to finish, so I'm going to try this challenge again in April.

Rather, I had no idea how to use '--' in css or how to use var(): variables, but I'm glad I found out how to use them through YouTube! Right now, I want to try it in the next challenge!

Then see you in the next challenge! Thank you for watching! > ▽<)/ If you have any other advice, please feel free to tell me!

Community feedback

Mohy 90

@IMohy

Posted

great job buddy

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