Design comparison
Solution retrospective
how i use clamp() in this project? and why my bg image is not appear when i post it online?
Community feedback
- @pikapikamartPosted over 3 years ago
Hey, good work on this one.
Regarding your query, I looked into your css see the declaration in the
min-height
selectorbackground-image: url(/images/bg-desktop.svg);
. Well this works in our venv, but if you were to deploy it at github, using/
won't work. Instead you should declare your background image like thisbackground-image: url(../../images/bg-desktop.svg);
. Since your css is nested two levels deep, we used../
2 times. It will be really helpful to search some path navigations of files.Apart from that, your layout resizes well and looks good both in desktop and mobile. My suggestion would be that nesting your social media links inside of
a
tag. Since they are links right, they should be nested inside it.Overall, good work on this one^^
1@pikapikamartPosted over 3 years ago@pikamart Also, you can use
clamp
in the image. So that there will be a minimum and maximum value on it, it is useful when we are resizing. Sample would be thatclamp(13rem, 20vw, 25rem)
something like that^^1@GombengPosted over 3 years ago@pikamart thanks for your feedback, i appreciate it :)
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