Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Sunnyside agency landing page solution

@upovibe

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Sunnyside agency landing page solution👨🏽‍💻

Technologies used 🚀✨

  • HTML🏗
  • CSS️🎨
  • JavaScript🏢

Features 🎯

  • Semantic Arrangement✨
  • Dynamic Animations🎭
  • Prettier Arrangement🌈

You can check me out

Ready to tag along on my coding escapades? Join my adventure, where I challenge projects here.

🌌 Feel free to add your opinion about any possible improvements to the code and accessibility. 🙃

Community feedback

@petritnuredini

Posted

Congratulations on completing your project! It's always an achievement to finish a web development project, especially one as visually appealing and functional as yours.

Here are a few best practices recommendations to consider:

  • Consistent Code Formatting: Ensure your HTML, CSS, and JavaScript follow consistent formatting rules. This includes consistent indentation, spacing, and bracket alignment.
  • Optimize Image Use: Ensure images are optimized for web use to reduce loading times. Consider using tools like TinyPNG.
  • Use Semantic HTML: Use HTML5 semantic elements like <section>, <article>, and <aside> for better readability and SEO.
  • CSS Best Practices: For maintainability, consider organizing your CSS with a methodology like BEM (Block Element Modifier). Learn more about it here.
  • JavaScript Performance: Make sure your JavaScript is efficient and doesn’t slow down the site, especially on mobile devices. Use tools like Google PageSpeed Insights for performance analysis.

Keep up the great work! Remember, every project is a step forward in your development journey. The more you code, the more proficient you'll become. Happy coding!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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