
Design comparison
Solution retrospective
This was my first time using Git, Github and VS code to make something and deploy it. So I'm happy to have figured that out. And I learned remembered a few CSS attributes that I could use to style the website.
What challenges did you encounter, and how did you overcome them?One challenge was that whenever I used margin-top in the CSS for the image to try to bring the image a bit lower within the div, it brought the whole div down with it for some reason. I got around this by adding a before the image within the div. I'm sure there are many ways to do this that I'll learn later but this worked for now. Another challenge was figuring out how to deploy the site, I had to get help with that.
What specific areas of your project would you like help with?Other ways to move the image down without moving the div with it. Or how to get the white rectangle in the background another way (maybe without a div?).
I wasn't too worried about making it work with different sized screens so I don't really need feedback on that.
Community feedback
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