Html, Sass, Vanilla Js to recreate the room homepage challenge

Solution retrospective
I am curious about the most effective way to set the images I had problems with getting my images to look as clear as in the example.
An contribution would be appreciated, thank you.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @axevldk
Hi, Onyekwere Precious ~ I have studied your work, and here are some of opinions.
First, you mentioned about image, and yes, that doesn't look good for now. You can add css property to
main.showcase section:nth-child(1) .section .img-section img { object-fit: cover; }
. It will improve image vision. Or you can make them background image of wrapper. That's the way I love.And I found out there are 13 accessibility errors. You can eliminate them by adding name or title attributes to items. And you may have to add width attribute to images that have srcset attribute.
Hope this will help you even a bit. Happy coding ~
- @MadisonWeber
Hey i really like the look of your site. The way the text flows down on the slideshow and then rewinds to the start is really cool. Only thing a little bit confusing for me is if i hit the right arrow you get the picture coming from the left, which for me is not what i would expect. I would think inherently if the user hits the right arrow they would expect to go to the picture on the right of the slideshow.
- @posivibez
Nice work, I'm currently working on the same project. Kinda minor but how are you having the underline animation on the nav links scale out from the center. I'm trying looking in dev tools but don't see how you are doing that. My underlines are scaling out from left to right. Thanks and good work!
Join 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