Design comparison
Solution retrospective
- I am glad, I am able to work with vanilla css. Enjoyed building this.
- Trying to execute a pixel perfect solution: I tried to implement what you could call a look-and-feel solution for this project.
- How to style images in a container.
- How to write better css.
- How to train my eye for pixel perfect execution.
Community feedback
- @DanCodeCraftPosted 8 months ago
Well done, @DAEM007!
I want to help you with your questions, but your repo is private (or the link is incorrect). I can, however, point out a few things you're missing:
The animation works pretty well, but if you see, the font color changes along with the button. It goes from white to black so it's easier to see it.
There are many ways you can style an image within a container, and it depends entirely on your code. But you can easily have a picture element around the source, and go from there. You can modify, among other things, its size, border, position, hovering status, etc...
Train your eyes is a hard task, and completely related to how many pages or components you build per day. Do not get too attached to it, as it can sometimes be frustrating. Still, you can always inspect different websites and check each property, in an attempt to replicate it.
0@DAEM007Posted 8 months agoThanks a lot @DanCodeCraft. I honestly missed that. I would adjust it now.
Thanks as well for the pro tip on styling images in a container.
Also, I have made the repo public now.
Thanks once again @DanCodeCraft
0 - @jazzielpPosted 8 months ago
Very good work. Congratulations!
0@DAEM007Posted 8 months agoThank you so much @jazzielp. I really appreciate🙌🙇♂️.
1
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