Design comparison
SolutionDesign
Solution retrospective
Why are SVGs supplied without the viewbox? This means that you can't resize the SVG. Odd.
Community feedback
- @ChamuMutezvaPosted over 3 years ago
- the link to your github repository is not working
- site is not responsive . Here is a site that can help with responsive design
- svg is scalable, one way you can resize is by using it as a percentage eg
img { width: 50%; }
- i would recommend to do another challenge that is of a lower level than this one to polish up responsive design .
Marked as helpful1 - @notapatchPosted over 3 years ago
First off, thank you. People with thousands of experience points are what can make a development site for learning work.
- I've made the repo public. I'm going for backend jobs and I didn't want loads of frontend repos visible, but one or two won't matter.
- RE: responsive - I made the site do the desktop and mobile version that was supplied. I noticed it "broke" when moving between them, but left it because nothing was specified, and I'm lazy and already spent longer than I expected. I've seen that website, but didn't get very far - as you might guess, haha. Furthermore, I like feeling the pain points, and then I'll pay better attention during a lesson when I try it again.
- re: SVG scalability using width - of course you're right, thanks for the tip I was confused.
- re: lower level challenge. Lower level haha? I've only found one challenge which is responsive and lower level than this. But I take your point, it did stretch me more than I expected (the footer was harder than I thought it was going to be).
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