Design comparison
Solution retrospective
Hi, could you help me with the responsive design and positioning?
Community feedback
- @pikapikamartPosted over 3 years ago
Hey, i've seen your css and your background image is not loading properly. Upon looking at your repository, I see that you put your css in a seperate folder. Okay so here what happens, you declared
background-image: url(./images/bg-desktop.svg);
this right, what this say is "hey, my svg is located here, fetch it to me", but the thing is that, your css is at another folder, so your css looks in the same folder to where it is and tries to find your file right, but it does not have it. So how to fix it? Well you should state it like thisbackground-image: url(../images/bg-desktop.svg);
noticed the double.
, it means this "hey, my svg is located at one level higher at me in a folder called images", so what happens is that, it goes up because of../
it goes up one level higher and sees the images folder, then goes in it, and fetches the file. Remember that especially when you place something in folders, but avoid using/
since it goes to the root folder. If you need any more help, just ask in here^^1@erickcernaPosted over 3 years ago@pikamart thanks, i used a sass compiler, and forgot to change the path in the css file.
0 - @vincitaylaranPosted over 3 years ago
Hi Erick, your solution looks very good for desktop.
For responsive design, I would look into media queries and flexbox. Learning these two tools are essential to responsive to design, in my opinion.
0@erickcernaPosted over 3 years ago@vincitaylaran Thanks. yes, i used flexbox but i was missing the media queries. I have doubts with what size to give the illustration-mockups
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