Submitted 11 days ago
Insure Real Deal Security 🔥sksksk🔥
#accessibility#lighthouse#pure-css#react#tailwind-css
@sksksk2024
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
The accomplishments I’m most proud of are:
- I’ve started to enjoy creating website layouts more and no longer find it boring.
- I now have a better understanding of positioning images effectively, whether it's aligning them to the right, left, or specific corners of a layout.
- I've learned to use Lighthouse to identify a website's weaknesses. For instance, in my case, I already knew the issue: images without fixed width and height. While I prefer this approach, it’s a valuable tool to check a site’s speed and performance!
I’ve come to terms with the fact that I can’t avoid
useEffect
as easily as I’d like. In this case, though, it proved incredibly useful, and now I feel much more confident using it. - I’ve overcome the frustration of not being able to stick images to the edges. It turned out the issue was dynamic width and height causing inconsistent positioning—an insight that has greatly improved my layouts.
Community feedback
- P@VillageR88Posted 11 days ago
One suggestion, consider adding overflow-x: clip; to your body element. This will prevent horizontal scrolling when content overflows the viewport width, ensuring a cleaner layout.
Marked as helpful1@sksksk2024Posted 11 days agoThanks for the clear suggestion, @VillageR88! You caught that perfectly — I didn't see it coming! 😵💫
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