Hello DEVS
In this project I had some difficulties.
If you have any tips, leave them in the comments.
@TiagoRidev
Posted
Hi George. Congratulations for the challenge!
I would like to give you a suggestion to center your container, try to use these properties in css. .container{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100vh; }
Congrats for the project. I hope this feedback is helpful for you.
Marked as helpful
@joseSequeira95
Posted
Hello George! Congrats on solving this challenge. You have done great. For changing the image for both mobile and desktop, you can make this work by adding a class that has a display:none property in the media queries section. This way you can set to only display the deskop image when we are viewing on desktop devices while having the mobile hidden. Then when we shrink the screen size the desktop image will dissapper and we will only be able to see the mobile one.
I have also solved this challenge, take a look at my solution if you find it helpful. Happy coding.
Marked as helpful
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
