What are you most proud of, and what would you do differently next time?
I am most proud of getting to about 70% completion without needing to check any documentation or search for answers.
Not sure I would change much to my approach next time, I would like to read how others have solved the same problem to compare methods.
What challenges did you encounter, and how did you overcome them?
Mostly centering of blocks both horizontally and vertically. I am still getting comfortable with how margin: auto effects the centering of blocks horizontally.
For vertical centering I ended up using a fixed position and defined the box's location using calc(50% - element_height/2). I feel like there must be a better way to do so without hardcoding the element height, so I am looking forward to learning more about variables and other layouts.
What specific areas of your project would you like help with?
Is there a way to center objects vertically the way we can horizontally using margin: auto? What is the most similar method?
@engelbrechtz
Posted
I guess a minor suggestion would be to add this line of css to ensure that users don't drag the image or overlap their view, I find this helpful.
-webkit-user-drag: none;
@devindubin
Posted
I didn't even consider dragging as an issue, thank you! @engelbrechtz
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
