Latest solutions
Latest comments
- @originalboss@dselimovic02
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!
Marked as helpful - @Macury@dselimovic02
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!
Marked as helpful - @Amgadezzat-andro@dselimovic02
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!
Marked as helpful