Profile Card Component

Community feedback

• 

  Dangelo•420

  @DangelobastPosted about 2 months ago

  Great work, I just did a quick review of your page and found something you should keep in mind and get a better positioning of your circle decorations.

  You are using pixel units which are fixed, meaning it won't adapt as you shrink the page. Think of it as if you are telling to your circle to always stay there to a fixed position and size, it won't adapt to what's coming. A great solution for this is using vh and vw units which are relative to the viewport, meaning if your viewport shrinks your units will help it shrink and not stay forever fixed.

  You can watch this behavior with your developer tools in chrome, go to your media query set to 992px delete those two fixed properties, and type this or paste it:

  background-position: -40vw -190vh; 
  background-size: 100vw;
  

  Watch how it will try to adapt dynamically, you don't need to use that code since is just a simple demonstration of this behavior!

  Hope this helps!

  0