Ahoy!! amigos, P.k here, so today I completed the task that was giving me a little bit of a tough time, which was building a website component known as an accordion (and no, not the instrument😁). An accordion is a menu composed of vertically stacked headers that reveal more details when triggered (often by a mouse click). Below is an accordion section built by me.
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1691284174459/562aecdd-7c7e-4a66-bb81-d2d5d8890c21.png" alt class="image--center mx-auto" />
and obviously, the arrow does not carry out any action (that is, it doesn't hide and reveal more information as it is meant to) since it was built using only HTML and CSS. Javascript needs to be added for it to function and perform as it is supposed to.
And also, on this task, I learned more about the powers of Flexbox and how to manipulate a list with Flexbox.
Start where you are. Use what you have. Do what you can
#BabySteptstoSuccess

Ahoy!! amigos, P.k here, so today I completed the task that was giving me a little bit of a tough time, which was building a website component known as an accordion (and no, not the instrument😁). An accordion is a menu composed of vertically stacked headers that reveal more details when triggered (often by a mouse click). Below is an accordion section built by me.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1691284174459/562aecdd-7c7e-4a66-bb81-d2d5d8890c21.png align="center")

and obviously, the arrow does not carry out any action (that is, it doesn't hide and reveal more information as it is meant to) since it was built using only HTML and CSS. Javascript needs to be added for it to function and perform as it is supposed to.

And also, on this task, I learned more about the powers of Flexbox and how to manipulate a list with Flexbox.

**Start where you are. Use what you have. Do what you can**

#BabySteptstoSuccess

Day 4 progress report