Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

article-preview-component-master

Glen• 515

@GlenOttley

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

@fazar301

Posted

That's because you use relative position, try using position absolute

1

Glen• 515

@GlenOttley

Posted

@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

Log in with GitHub
Discord logo

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