Скачать с ютуб FAQ accordion HTML/CSS Only - Frontend Mentor Challenge в хорошем качестве

FAQ accordion HTML/CSS Only - Frontend Mentor Challenge

In this video I take a look at a common feature of many websites. The accordion menu. However, in this video I employ a slightly different technique that requires no Javascript and very simple HTML and CSS implementation. Enjoy! The Challenge - https://www.frontendmentor.io/challen... Live Site - https://haydnkerr.github.io/challenge... Git Repo - https://github.com/haydnkerr/challeng... Resources - https://justmarkup.com/articles/2020-... Timestamps: 0:00 - Introduction and Challenge Overview 1:50 - HTML 6:18 - CSS 6:50 - Styling Question Headings with Icons 8:45 - Accordion Container 11:00 - Body Background 12:30 - Styling of Accordion Items 21:36 - Solving Issues with Clipping on Dropdown Indicator 23:48 - Design Comparison 24:45 - Hover Effects Music promoted by https://www.chosic.com/free-music/all/ Heart Of The Ocean by Purrple Cat | https://purrplecat.com/ Creative Commons CC BY-SA 3.0 https://creativecommons.org/licenses/... Missing You by Purrple Cat | https://purrplecat.com/ Creative Commons CC BY-SA 3.0 Downtown Glow by Ghostrifter & Devyzed Creative Commons — Attribution-NoDerivs 3.0 Unported — CC BY-ND 3.0 And So It Begins by Artificial.Music |   / artificial-music   Licensed under Creative Commons: Attribution 3.0 Unported (CC BY 3.0) Green Tea by Purrple Cat | https://purrplecat.com/ Creative Commons Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)