@hardy333
Posted
Hi Aakash.
I have some suggestions for you:
- Give profile image same width and height value in order it to have perfect circular shape rather then oval shape. Also in that case use property object-fit: cover; on img which forces image to cover it's height and width and prevents it from stretching.
- use more white space -- padding and margins.
Other then that everything looks good -- nice job.
Your questions :
-
In this case using flexbox is fine and good choice, css grid is not needed here - it is very simple layout and that's way. In general use flexbox for more simple and one dimensional - horizontal or vertical layouts, use css grid for complex two dimensional grid layouts .
-
yes it is important, but you can change different things if you want It will not be big deal xD But usually try to match your website to your design as much as possible because design always looks good - It is done buy pro designer, you are developer, your job is to make it as a website.
Marked as helpful