frozzel / first-day-repo

Day one of class work

MIT License

0 stars 0 forks source link

# 🏗️ Implement an Interactive Resources List #20

Open frozzel opened 2 years ago

frozzel commented 2 years ago

🏗️ Implement an Interactive Resources List

Work with a partner to implement the following user story:

As a user, I want additional resource links at the bottom of the article.

Acceptance Criteria

It's done when the resource links are initially hidden on page load.
It's done when the user moves the mouse over the text "Show Resources," and the resource links display.

Assets

The following image demonstrates the web application's default appearance and functionality:

The text "Show Resources" appears below an article titled "Building Responsive Layouts."

The following image demonstrates the web application's appearance and functionality when the cursor is over the "Show Resources" text:

Three links to the MDN Web Docs appear under the text "Show Resources."

You can use the following resource links for the content:

💡 Hints

How would the CSS display property help?
What examples can you find of other developers using the :hover pseudo-class in creative ways?

🏆 Bonus

If you have completed the activity and want to further your knowledge, work through the following challenge with your partner:

How can you force pseudo-class styles to display using Chrome DevTools?

Use Google or another search engine to research this.

© 2022 Trilogy Education Services, LLC, a 2U, Inc. brand. Confidential and Proprietary. All Rights Reserved.

frozzel commented 2 years ago

done