Submitted about 4 years ago

Html css js, ( Need help positioning the popup)

Jose Ruivo•30

@jruivo-dev

Preview site View code

This is a solution for...Article preview component

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey everyone, I'm having a hard time positioning the share popup on top of the share button, how can I do this properly?

How should I place the elements in HTML?

Thanks !

Community feedback

Arnas•175

@ArnasLuksasPosted about 4 years ago

Hello Jose, Hope it helps

.popup {
    background: var(--very-dark-grayish-blue);
    padding: 1rem 2.8rem;
    display: grid;
    gap: 1rem;
    grid-auto-flow: column;
    border-radius: 0.8rem;
    position: absolute;
    bottom: 70px;
    transform: translateX(42px);
}

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord