All comments

• 

  jjjayed•270

  @Jane72-boopSubmitted about 3 years ago

  Any feedback is welcome! I wonder how I can position the background elements better? Right now, they're kinda wonky.

  

  Profile Card Component with Flexbox

  2

  10
  

  jjjayed•270

  @Jane72-boopPosted about 3 years ago

  Thank you for your feedback! I have fixed all the things you have mentioned, except the background images. It was way harder to understand than I thought. I will come back to it some time. Thanks again!

  0
• 

  rluna15•60

  @rluna15Submitted about 3 years ago

  I used flex box to organize the text side and image side but for some reason on the mobile layout the image is not displaying correctly. The image is being cut off short but when I change the height of container it doesn't change at all.

  Also for the image I am using a background color with a background blending mode to give it the color overlay effect to the image but when it's on the browser the blending mode it not working, hiding the image with the background color.

  

  Stats Card With Sass

  2

  10
  

  jjjayed•270

  @Jane72-boopPosted about 3 years ago

  I think it should be mix-blend-mode:hard-light; instead of background-blend-mode

  0
• 

  Rafael•90

  @henriquerocharafaelSubmitted about 3 years ago

  As a absolute beginner, a could not find a way to make this responsible for mobile layout.

  

  Solution using just html and css

  1

  10
  

  jjjayed•270

  @Jane72-boopPosted about 3 years ago

  Hi there! You can use a media query and add a certain breakpoint, then make the container have flex-direction: column; instead of a row. Hope this helps.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Nicole•10

  @NicoleyvetteSubmitted about 3 years ago

  1. I had a hard time designing the circles as displayed in the example. I would love for someone to assist with the solution

  2. I choose the mobile version however I feel the sizing reflected that of the desktop version. Please provide feedback.

  I am in the baby stages of learning HTML and CSS. I decided to try this project as I feel the best way for me to learn is to be hands on. The project is not perfect but its done. On to the next newbie challenge :)

  

  flexbox, html, css

  1

  10
  

  jjjayed•270

  @Jane72-boopPosted about 3 years ago

  Hey there! Congrats on your first project. Just a couple of things to address.

  1. A lot of the issues you have right now is because of the lack of responsiveness, that's why the design is strictly for mobile. I highly recommend reading up on responsive web design and using @media queries.

  2. I also noticed that your fonts aren't working because you need to put font-family: Kumbh Sans The plus sign is not needed for the CSS part.

  3. Lastly, a cool trick. Surround the "26" text with a span tag, while still being inside the h1 tag. You can then select that span tag in the CSS and change its font weight to 400.

  Hope this helps.

  0