Design comparison
Solution retrospective
When transitioning from desktop from mobile there is a small flaw on the design. It doesn't directly switch to the mobile version when it no longer reaches the min-width of 56em. I've done it before in a previous challenges and it worked but I can't figure out why it's not quite working this time.
Community feedback
- @brasspetalsPosted over 3 years ago
Hi, Lidia! The src paths on your images are incorrect, so your project isn't loading correctly. While you have the images in folders on your computer, the files are uploaded all together in your github repo, so the paths are different and need to be changed for the images to show up on your live site.
1@LidiaRJPosted over 3 years ago@brasspetals Thank you so much! I'm still learning how to use Github, I'm a complete beginner when it comes to Github pages and the platform in general. Any tutorial you could recommend me or advice is welcome!
0@brasspetalsPosted over 3 years ago@LidiaRJ You're welcome! It can be tricky at first. Sorry, I don't have a particularly video to recommend - I suggest just searching "github tutorial" on Youtube, and you'll find plenty of resources to give you the basics. 😄
0@LidiaRJPosted over 3 years agoThank you Anna. Good luck on your learning journey! Would you mind if I ask you how long have you been coding and what are your favorite learning platforms? :)
0@brasspetalsPosted over 3 years ago@LidiaRJ FYI: I'm copy/pasting some of this reply from when I was asked for course suggestions and learning resources.
I've been learning off and on for longer than I'd like to admit! 😅 I've taken a few things on Udemy, but I only buy courses when they go on sale for $10-$15, which is fairly often. On Udemy, I suggest always watching preview videos from each course (there’s usually one or two per section) or looking at a free course from that instructor to see if you like their teaching style before jumping in. Everyone has different preferences.
Also, you can always learn everything for free, so please don’t feel the need to spend money on a course just because I suggested it. 😅
- Jonas Schmedtmann’s courses on Udemy. His website also has a nice resource page where you can sign up for his monthly resource newsletter.
- Angela Yu’s Web Development Bootcamp on Udemy is also good. She has a youtube channel as well where you can get more of an “extended preview” of her courses and see if you like her style.
- freeCodeCamp: I’m sure everyone knows about this one already, but it’s still good. I learn a bit better with audio/video, so reading through everything wasn’t my favorite, but I love the “hands-on” challenge nature of it.
- I’m often referring back to this article on sectioning html when doing these projects. CSS-Tricks is such a wonderful site in general.
There’s so many great resources out there it’s actually a bit overwhelming. I’ve heard great things about Wes Bos, and I know he offers some free courses. Oh! The CSS Diner game is fun, and taught me a bunch of selectors I had no idea existed. The resource page on this site is also FANTASTIC, but again, can be a bit overwhelming with all the options out there.
In all honesty, the single greatest learning tool for me has been doing these challenges and also reviewing other people's code. Not to mention I've gotten so much inspiration from other people's submissions. The Slack community is also a great place to find help and support too!
Anyway, I’ve probably written too much, but hopefully you'll find some of it helpful!
0@LidiaRJPosted over 3 years agoHey Anna! I really appreciate you taking the time to write back to me and telling about all these resources. I'm gonna go through the links you sent me and check what they have to offer.
I definitely know freeCodeCamp (it's one of the resources I'm using right now along with these challenges). I also know www.theodingproject.com, another free resource. I haven't fully check this one out yet, just very briefly.
Again, thanks a lot for your feedback. It's really nice to connect with other fellow women devs!
0@brasspetalsPosted over 3 years ago@LidiaRJ You're very welcome - just hope you find some of them useful! 😄
Oh! A new resource I've been using lately (to learn Svelte) is The Net Ninja on YouTube. You might want to check him out if you prefer video & audio over just reading when it comes to learning to code (I know I do!).
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