All comments

• 

  aok• 140

  @kvcarido

  Submitted over 3 years ago

  Hi community!

  This challenge was a great way to apply CSS fundamentals and BEM, which I've recently been spending time learning on a deeper level. Overall feedback is greatly appreciated!

  Two specific requests for feedback:

  • when using position: relative; to offset .profile-picture img, there's an issue with leftover white space of where the img would originally be positioned in the document flow – looking for a more efficient approach that prevents this awkward spacing!
  • working with the background SVGs threw me a for a loop, as bg-pattern-bottom.svg seems to be causing the page to scroll

  Thanks in advanced! 😄

  

  Profile Card using HTML + CSS (Flex, BEM) questions about spacing + bg

  4

  3

  0

  

  Tamilselvan S• 165

  @tamil-hash

  Posted over 3 years ago

  Size the html width 100vw and height 100vh to set the page to screen size and use flexbox , justify content:center, align-items:center to place the content in perfect center.

  1