Profile Card Component

Community feedback

• 

  Abdihafid Adan•800

  @Abdul400Posted almost 3 years ago

  hello @amakaogujiofor. Nice trial on the project. Here are some things that I noted.

  1. I've had some issues with the responsiveness especially at around 700px and I noticed that is where you used your media queries.
  2. Do not use margin: auto on the body element.
  3. I would encourage you to set the body element as flexbox and center your card using justify-content: center, and align-items: center. Your card will always be centered and you can use this as the basis for making it responsive.
  4. To position your background, use background position property to position it in the x and y axis. Here is a short and concise resource on the background position property on w3Schools

  0

  ---

  

  Abdihafid Adan•800

  @Abdul400Posted almost 3 years ago

  @Abdul400 here is also another useful video on flexbox on Youtube

  Marked as helpful

  0

  

  Amaka•100

  @amakaogujioforPosted almost 3 years ago

  @Abdul400 Amazing!! Thanks Abdul, I struggled a bit with positioning the patterns. Thanks

  0

  

  Abdihafid Adan•800

  @Abdul400Posted almost 3 years ago

  @amakaogujiofor if you grasp the concepts of flexbox, and position: relative and position: absolute position will be so much easier. I encourage you to understand those concepts and try designing again. You'll see alot of difference in positioning elements.

  0