From the course: Modern CSS Techniques without JavaScript

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Jen's solution

Jen's solution

From the course: Modern CSS Techniques without JavaScript

Start my 1-month free trial Buy for my team

Jen's solution

“

- [Narrator] Well, I hope you had as much fun working on this capstone as I did putting it together. Let's walk through how it looks first, and then we can take a closer look at some of the code. I'm going to look at this first in just light mode right here. Got my color mode switcher, but I'm not going to click the buttons just yet. So as you scroll down the page here, you'll see that we have our various hikes in place and we have buttons associated with them. When you click the buttons, you'll see that we get more information. In this case, I changed the words, just highlights previously I added some words about it so I knew which highlights I was looking at. This becomes more relevant, of course, when you break this into a modal window. So now it's Channel Island's highlights or Big Sur highlights, for example. So that's how I handled the hikes. You could have done this with accordion panels if you wanted it. Probably just be one panel, but that would be another approach. Down…

Contents