Submitted
Simple exercise
- HTML
- CSS
- JS
@Radasin
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
This is a solution to the Sunnyside agency landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
How to make a menu with CSS only.
.nav-bar__menu {
position: relative;
}
.nav-bar__list {
position: absolute;
display: none;
list-style: none;
background-color: var(--WHITE);
color: var(--DARK-MODERATE-CYAN);
background-color: var(--WHITE);
top: 200%;
right: 10%;
padding: 4rem 50%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 3rem;
}
:is(.nav-bar__menu:hover, .nav-bar__menu:focus-within) .nav-bar__list {
display: flex;
width: 90vw;
border-right: 20px solid transparent;
border-top: 20px solid #3ebfff;
}
Submitted
How can i make the hover effect not applying to the whole data body, while hovering over the ellipsis?
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted