Is there any feedback you can give me? How do you get the right font, I feel like the font does not look right? I'm still a little bit unsure about how vh works when it comes to sizing? Should I use vw when sizing the width? What challenge would you recommend next?
vh and vw are abbreviations for viewport height and width which are units just like px(pixel). 1vh = 1% of your viewport height meaning if your vh is, for example, 100px, 1vh would be 1%. viewport is size of screen displaying the content. You can founf out more about units ini this w3schools lecture: https://www.w3schools.com/cssref/css_units.php
Cheers!
Please does anyone know how to set up the background image correctly without affecting responsivity?
You can check my solution for the answer. Long story short, set the circles as background images for body and position them.
Lice site url: https://dselimovic02.github.io/profile-card/
Cheers!
actually i wasn't able to find the right solution for card color to the back ground so i used linear gradient instead ... so if anyone can suggest the right solution for card color ??!
You can check out my solution of this project to see how I got really close to the original. Long story short, I put a DIV in place of picture with background-color matching accent color and background-image matching that particular image. Then I have used background-blend-mode od multiply. The result was a little darker so I have covered it with another DIV of same size and background-color: accent and reduced opacity.
Cheers!
