Responsive 3-column card layout using Vite, SCSS, and Flexbox

I found dealing with image sizes quite difficult while building this project. In Figma, the image sizes were 64x40px but when I implemented the same sizes in my project, they seemed much larger. I couldn't identify the cause of this discrepancy. Has anyone else experienced this issue before, and if so, how did you resolve it?

As I used SCSS, Vite, and terminal commands extensively in this project for learning and experimentation, I'm curious to know if there are any improvements I could make to the way I've set up my SCSS files or any Vite configurations that could enhance my development process?

I used flexbox for layout management in this project to further familiarize myself with it. Can anyone provide feedback on my use of flexbox? Are there any best practices or alternative methods I should consider?

I've noticed that when I try to deploy my project on GitHub Pages, the CSS styles aren't applied, even though the path to the CSS file is correct in my code. Has anyone faced similar issues? What could be causing this problem and how can I resolve it?

Lastly, are there any areas in my code that could be optimized further or any best practices that I might have overlooked?