Design comparison
Solution retrospective
Hello everybody this is my first shot with this challenge, your feedback is really appreciated.
Community feedback
- @ratan17Posted over 3 years ago
congratulations on completing your first challenge on frontendmentor ππ
I would like to give you a notice about responsiveness. The code is not fully responsive. And one more thing about the background-image. In design the background-image is styled differently and in your preview its different. Was that intentional or you couldn't find the way to do it?
Marked as helpful0@yassinelk2020Posted over 3 years ago@ratan17 Thank you so much for taking the time and reviewing my solution. For responsiveness, I am still struggling in that area, although I try my best to make my pages responsive. And regarding the background, I tried to use the pseudo element ::before, but I couldn't get it to work, so I resolved to the style I used in my solution.
0@ratan17Posted over 3 years ago@yassinelk2020 my pleasure Yassine π.
-
How are you learning responsive design ? Are you following a course or learning it by your own ?
-
For background-image : Watch this tutorial by Kevin Powell : https://youtu.be/-c94pr41jaI
And you can also check out the comments on my solution (to this same challenege) to know other ways to achieve the background-image styling
1@yassinelk2020Posted over 3 years ago@ratan17 I will check out the tutorial and the comments on your solution, thank you Spyder!
For responsiveness, I learned from Freecodecamp.org but I am still struggling with breaking points and still trying to figure out how to make it change smoothly and accordingly with each device's width change.1@ratan17Posted over 3 years ago@yassinelk2020 alright keep practicing. Only by self practice you will learn how things work. Keep it up and all the bestπ€
0@yassinelk2020Posted over 3 years ago@ratan17 thank you very much! Good luck to you and I will keep practicing
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