Design comparison
Solution retrospective
A feedback would be nice
Community feedback
- @jiroRiPosted over 4 years ago
Nice job especially on the desktop version!!! ✨
I have a few quick fix that may help improve your work on the desktop version:
- add the following properties to the
.attribution
class selector inside yourstyle
tag in yourindex.html
file:
position: absolute; bottom: 0; left: calc(50% - 308.56px/2);
makes it so that your attribution won't add up to the total height of your page
- change the following properties for the
.showcase
class selector withinstyle.css
:
background-position-y: 100%; background-size: 100% 50%;
Your mobile version definitely needs a lot of work. Moving forward, I suggest and it will be a good practice for you to start doing everything on mobile first then just use media queries and min-width to adjust for bigger screens. Ex:
@media(min-width: 768px)
,@media(min-width: 1024px)
..Still, you did a great job and keep at it!! 💪💖
1@blade-01Posted over 4 years ago@jiroRi Thanks for the feedback, I really appreciate it ✌
0 - add the following properties to the
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