P
beowulf1958• 1,170
@beowulf1958
Posted
Looks great. One suggestion is to look into using Sass partials. This can make a project easier to maintain and to scale, especially if you are working on a team.
0
Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
Adding a hover effect using media queries for hover-enabled users. Using variables and mixins in SASS to unify styles and make theming easier.
For some elements, CSS Grid could be used instead of Flexbox for better structure and layout control. Expanding the use of mixins for other commonly used styles to further improve the code.
What challenges did you encounter, and how did you overcome them?
One of the challenges was ensuring that the images would display correctly on mobile devices. This was solved by using object-fit: cover and setting the height and width of the images correctly.
Understanding and implementing hover effects for devices that don't support hover was a challenge. The solution involved using media queries to detect the presence of hover events and apply styles accordingly.
What specific areas of your project would you like help with?
Code optimization
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