in

0

○What is CSS?○CSS Selectors ○How to Apply CSS ○CSS Specificity

○Colors ○Backgrounds ○Typography

○The Box Model ○Display ○Positioning

○Advanced Selectors ○Pseudo-Classes

○Dropdown Structure ●Dropdown Behavior

○Form Structure ○Form Styling

○Flexbox Basics ○Flexbox Alignment ○Flexbox Items ○Flexbox Layouts

○Website Structure ○Grid and Responsive

○CSS Variables ○Transitions

○Transition Effects ○Keyframe Animation

○Responsive Design

○Table Structure ○Responsive Table Styling

○Resume Structure ○Resume Polish

Dropdown Behavior

Add show/hide behavior to the dropdown menu using CSS hover and absolute positioning.

Step-by-step instructions

Hide the panel by default with .dropdown-menu { display: none; }.
Show the panel on hover with .dropdown:hover .dropdown-menu { display: block; }.
Set .dropdown-menu to position: absolute; top: 100%; left: 0;.

Hint 1

1 / 3

HINT 1

Use display: none to hide and display: block to show.

Loading editor…

READY

intercourses

html