Design comparison
Solution retrospective
- Very proud of the fact was able to produce a full page website.
- Better planning and structuring
- 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.
- How do I better structure the code and improve my workflow
- Is there better way of doing things?
Community feedback
- @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 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