Submitted over 3 years ago

article-preview-component-master

Glen•515

@GlenOttley

Preview site View code

This is a solution for...Article preview component

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

These newbie challenges sure do push me!

I struggled with many aspects of this, I wont list them all here but a problem I keep running into is using position: relative to display 'pop up' boxes such as the desktop share state. Whenever something like this is added to the document it realigns other elements around it causing the site to look messy. Is this a problem caused by toggling display: none to display: flex ? Should I be using the visibility: hidden property instead?

Any help with any aspect of this challenge is much appreciated.

Cheers, Glen

Community feedback

fajar•305
@fazar301Posted over 3 years ago
That's because you use relative position, try using position absolute
1
Glen•515
@GlenOttleyPosted over 3 years ago
@fazar301 thanks for your reply. Whenever I have tried using position: absolute I have not been able to get the 'pop up' box into the right space across different screen sizes. I think I need to further my understanding of the different position properties.

Cheers, Glen
0

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