Skip to content
Submitted 4 months ago

Meet Responsive Landing page

Prem Kumar•260
@prem-kumart
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Meet landing page
  • HTML
  • CSS
1newbie

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

  • Ralph Virtucio•670
    @ralphvirtucioPosted 4 months ago

    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

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