@StudioWebpicSubmitted over 3 years ago
Hi,
Second challenge with HTML / CSS abd Flexbox. Not easy to place the circels !
Thx to everybody who let a feedback :)
Hi,
Second challenge with HTML / CSS abd Flexbox. Not easy to place the circels !
Thx to everybody who let a feedback :)
Hi, my advice is deleting max-width attribute from .container, because it is messing with styling in wider screens (4k displays are more common every year) and it is unecessary.
I would move "circles background" from .container and merge it with body bg. In hypothetical situation when you decide to move/delete/change profile card component your solution will change bg of website.
Third advice - to fix this blue line between img and border (on person photo) add "background: #fff" attribute on img. It is caused by bad anti-aliasing on svg render so this way you cover it.
Anyway - good job, very similar to my solution :D