Profile card using HTML, CSS, Bootstrap rows and columns, card

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Hey, Monica! 👋

  Great to hear you've completed your second challenge! Good effort on this one! 👏

  I suggest using CSS background images to add and position the background SVGs to your page. Doing so is easier and more intuitive and will keep your HTML cleaner. It should also get rid of the current overflow issue of the bottom-right background SVG, which is creating a horizontal scroll bar along the bottom of the page. Here's a helpful article that can help you get started with that (scroll down to the backgrounds sections).

  I also suggest using only one or two media queries for this challenge since nothing much (besides the position of the background SVGs, perhaps) changes from the desktop to mobile layouts.

  I think you can use flexbox to center the card component in the viewport (it's often easier and more foolproof). 😉

  Keep coding (and happy coding, too)! 😁

  0

  ---

  

  Monica•100

  @monicamclaughlanPosted almost 4 years ago

  Thank you so much for this feedback, I will read the article to get more of a handle on background-images. Also been learning more about flexbox to start utilizing that as it seems very helpful for page layout. Thank you again for taking the time to give this advice and resources!

  0