Design comparison
Solution retrospective
What are you most proud of: I was able to code this independently from beginning to end, starting from zero. I built a public GitHub file, enabled Gitbug pages for Continuous deployment (CD), explored Figma trying to extrapolate the design elements. I learned there is a plugin called animaapp that turns images into CSS and HTML which I could not use on the free Figma version unfortunately(https://www.animaapp.com/) and produced a version which is not the same as the challenge but pretty close.
What would you do differently next time: review CSS documentation before starting. I have not been using CSS for a long time and I struggled to remember all the different available commands. I would also ask my CSS expert friends for help to speed up the process.
What challenges did you encounter, and how did you overcome them?I had a very hard time applying the correct CSS commands as I was not able to find out what fonts had been used and other key design elements. I had to code by trial and error and it got pretty tiring.
What specific areas of your project would you like help with?I would like for my CSS code to be reviewed so gaps can be highlighted and feedback provided.
Community feedback
- @PabloodevPosted 7 months ago
I thought your solution was very good, perhaps you need to round the edge of the entire div (white square) using the border radius. from the tag, congratulations on the solution!!
observation: I think you put the link to your repository wrong, because when I click it it goes to the GitHUB home page
Marked as helpful0@LGenSOCPosted 7 months agoThank you very much for your comment and the helpful suggestions. I will also double check the Github home page @Pabloodev
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