Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Pod Request Access Landing Page

Igor 230

@For1207

Desktop design screenshot for the Pod request access landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Igor 230

@For1207

Posted

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
meccoi 160

@meccoi

Posted

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

Igor 230

@For1207

Posted

Hi! Thank you for your comments and suggestions. You're right; absolute positioning has many drawbacks. Now, I'm reworking my design using Flexbox only. Thanks again!@meccoi

0
meccoi 160

@meccoi

Posted

welcome.@For1207

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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