Font family and CSS grid layout for the projects section

MahdiAghaali / My-Portfolio

This is my portfolio make sure to check it out.

5 stars 0 forks source link

Font family and CSS grid layout for the projects section #9

Closed jfoyarzo closed 2 years ago

jfoyarzo commented 2 years ago

Your code is looking great! Just a few suggestions to follow the figma design:

You can use google fonts to display the correct font family (Poppins and Playfair display)
For the projects section you can use the CSS grid layout to arrange the projects, using a grid of 12x12 could help you display them similar to the figma template

Great work! 👍

Alhajideen commented 2 years ago

You did an amazing work, I like how you used grid and flexbox for your layouts and the amazing animations on your images. Just one suggestion i think will make your code more beautiful and give a better ux;

I think you should make the two columns in your first section after the navigation bar (where you introduced yourself) to have an equal width of 50% each so that they wont overlap on smaller screens.

Happy coding 👍