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

Meet Responsive Landing page

P

@prem-kumart

Desktop design screenshot for the Meet landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

  • Very proud of the fact was able to produce a full page website.
  • Better planning and structuring

What challenges did you encounter, and how did you overcome them?

  • Main challenge was creating the footer which required background image and color and also the content on the top.
  • Initially went with parent-relative and child- absolute. This approach failed responsive design.
  • Used linear gradient and background-image css property to overcome it.

What specific areas of your project would you like help with?

  • How do I better structure the code and improve my workflow
  • Is there better way of doing things?

Community feedback

P

@ralphvirtucio

Posted

Hello @prem-kumart,

Great job on completing this challenge, Everything looks great.

These are my some feedbacks for your challenge and things to improve.

  • Consider including a Semantic HTML this will make your project more informative and adaptable allowing browsers and search engines to better interpret your project. It will provide more accessibility to all users.

  • Include a README.md to your project this gives other developers some information about your project. Feel free to read this link to know the benefits of writing a good challenge readme. You can use the README-template provided by Frontend Mentor.

  • I also notice that your the background color of your Download button is different, here is the correct background color for it #4D96A9 and this is the color #8FE3F9 of the text inside it.

  • You can also use <a> tag element for the button when you consider the usage of it. <a> tag element will be a good HTML element for it because the user will redirected to other page or component of the page.

DEVELOP BUILD CODE UP!! ☕🧑‍💻

1

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