Design comparison
Solution retrospective
I'm most proud of creating a fully custom WordPress site optimized for performance, accessibility, and responsiveness—all without relying on plugins. It was rewarding to build something from the ground up, focusing on clean, efficient code.
Next time, I’d explore enhancing the Gutenberg block builder and PHP further, leveraging variables to make it even more user-friendly. This would empower future users to make small edits independently, reducing the need for ongoing maintenance. Despite limited free time, this project was a great learning experience and a lot of fun to create!
What challenges did you encounter, and how did you overcome them?The biggest challenge was mastering the Gutenberg classes to customize the framework while maintaining a seamless experience for no-code users. It required a lot of trial and error to ensure the customizations didn’t interfere with the block editor’s usability. I overcame this by carefully studying the WordPress documentation, experimenting with various approaches, and testing thoroughly to strike the right balance between flexibility and functionality. This process not only solved the issue but also deepened my understanding of WordPress development.
What specific areas of your project would you like help with?I’d love feedback on the responsive design, particularly how well the layouts transition across mobile, tablet, and desktop. I aimed for pixel-perfect results and used rem units with a root size strategy to ensure smooth scaling. It would be great to hear your thoughts on the different desktop designs—do they feel cohesive and visually balanced?
Additionally, any insights on further improving accessibility or optimization would be helpful. The Lighthouse scores are already strong, but if you spot any missed opportunities for perfection, I’m all ears!
Community feedback
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