Mobile firts and sass with BEM
Design comparison
Solution retrospective
In this challenge the most difficult things was to position the imagen in the center of the card, but thanks to the "calc()" function of css it made my work easier
Community feedback
- @akshay63Posted over 3 years ago
Hey@ FranciscoFrontEndDeveloper! Even if you done some mistakes you can improve a lot by trial and error approach in the challenge.
I have done some changes to the code if you don't mind. You can improve your mistakes and change accordingly. Thanks
1 - @kowackagPosted over 3 years ago
Hello, I am also learning htlm i css. I looked at your code and I have one sugestion to improve positioning of image. I think that it will be better to:
- add position:relative for .main__contCard (thanks to that you will be able to set a imagine's position in regards to .main__contCard).
- Set: .contImage { position: absolute; top: 25%; left: calc(50% - 38px); - 38px it is half of image }
- Delete in all @media style for .contImage.
I hope that I explained it enought clear :)
Good luck! Gosia
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