Design comparison
Community feedback
- @For1207Posted about 1 year ago
Hello, While working on the project, I ran into a problem when trying to follow component sizes in the Figma design file, the proportion between components in the browser looks different. The component sizes in my CSS file are very close to the Figma ones. I couldn't find the reason for this behavior, so I used Figma's dimensions to create a picture in Photoshop. The proportions in Photoshop and in the CSS file are very similar. I can't attach the pictures to this message, so below is a link to the folder with a short video of Figma dimensions and Photoshop picture:
https://drive.google.com/drive/folders/1rI0qTzxAD8FZcVZnsFFbUzlGTtXuwUok?usp=drive_link
Thank you!
0 - @meccoiPosted about 1 year ago
You're doing well, but your webpage could be more flexible. When I started web development, I used 'position: absolute' a lot too. Over time, I learned that it's better to wrap your content in divs and use 'display: flex' or 'display: grid' for layout. I'm not an expert, but I want to help other developers. just don't over do it yourself, you will get headache..xd
try chatgpt when coding, it's always helpful when you are having trouble with your code, I used chatgpt alot.
when using chatgpt it's important to understand the code. you can copy paste as long as you understand the code
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord