Day 26 - Accordion Component

joanne

Joanne

Posted on October 9, 2020

Day 26 - Accordion Component

I made an accordion component! This was a more involved than I expected. Check it out here.

What I Learned

The challenge was to use only CSS for setting the active states in the component. I learned to use the ~ symbol which is similar to the adjacent sibling combinator in CSS. The difference is that the second selector doesn't have to immediately follow the first selector.

Alt Text

Alt Text

How This Will Me

It showed me a useful way of extending my skill in combining selectors.

๐Ÿ’– ๐Ÿ’ช ๐Ÿ™… ๐Ÿšฉ
joanne
Joanne

Posted on October 9, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

ยฉ TheLazy.dev

About