44437• 20
@44437
Submitted
P
Daniel
@DAJ350
All comments
Hey! Great job with the designing of the preview card. When viewing it on the site, I noticed that you can not see hover/focus states for the interactive elements on the page.
I'd recommend looking into the transition property and the cursor property to help you with implementing these states on your page. Happy coding!
0- ayx• 40
@ayx234
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud of deploying my first website using Github.
What challenges did you encounter, and how did you overcome them?
Matching the design's measurements was not straight forward. I used trial and error to approximate the solution.
What specific areas of your project would you like help with?
I'm not planning on using Figma. Are there tools or ways to measure margin, letter spacing, etc... from the design images?
I would also appreciate some feedback on mistakes I might have and what can I do to improve my code?
Hey, great work on this project! You have used Semantic HTML quite well. I am also impressed by the use of the custom CSS properties. I plan to try this out on my next project.
To answer your question about measuring margins, letter spacing etc...
You can use design software like Photoshop, GIMP, or Paint.NET, which have built-in rulers, grids, and measurement tools to get pixel-perfect distances between elements.
How to Use:
- Import the JPG file.
- Use the built-in ruler or grid tools to measure margins, padding, letter spacing, etc.
Many tools allow you to drag guide lines to measure pixel-perfect distances.
Hope that helps.
Happy Coding!
Marked as helpful
1
