Design comparison
Solution retrospective
Hello !
I had some worries ..
-
My mobile height does not work. I cheated by putting a color in the background, but it's not good. I should have done?
-
I had a problem with my SVG, I had to give a height and width on the HTML, because otherwise impossible to make a circle correctly .. a viable solution?
-
Why the page load, i have a scroll bar ? I think is because i use animation with negative numbers.. right ? How to solve the problem ?
If you see other worries, do not hesitate! First time I have to organize my code "proper, it's not easy at all! But it's a habit to have. Thank you ! ♥
Community feedback
- @ereljapcoPosted over 3 years ago
I'm doing this challenge, too :) I love the animation you did! I wish I could implement those in the future, as well.
-
You can set the position of the background image as top and set the width to 100% if you intend to make it look like the design preview then make set to scroll.
-
Is this for the icon SVG? If so, you can put a class on the <link> tag then place a circle border.
-
To remove the scroll on the desktop view, you can add "overflow: hidden;" on the body.
Let me know if you encounter any errors, so I could check back on my work. Cheers!
0 -
- @palgrammingPosted over 3 years ago
Your social icons look wonderful seems like your solution is a totally viable one
Great job on the project it looks good at all screen widths and seems like all the elements are close enough to were they should be meet the requirements of this challenge ⭐⭐⭐⭐⭐ good job
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