All comments

• 

  Glen•515

  @GlenOttleySubmitted over 3 years ago

  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

  

  article-preview-component-master

  1

  10
  

  fajar•305

  @fazar301Posted over 3 years ago

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

  1

  This comment has received 1 replyShow
• 

  Galower•10

  @Galower1Submitted over 3 years ago

  I used a custom grid generator http://www.responsivegridsystem.com/ but in this case if I wanted all the elements to be centered even with the website shrinking in width? How would I do it, I saw that the float is the source of the problem but how could I implement a solution?

  

  My newbie solution to the 3-column preview cards

  1

  10
  

  fajar•305

  @fazar301Posted over 3 years ago

  You can use a media query, then delete the float and give it an auto margin

  0