Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Recipe page

bootstrap
shadazls•200
@shadazls
A solution to the Recipe page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

I'm proud of having worked with tables because it's been a while since I last tackled them. However, I acknowledge that there's room for improvement, especially in my utilization of Bootstrap and the overall quality of my code. In the future, I aim to refine my skills in incorporating Bootstrap effectively to streamline the development process and enhance the responsiveness of my designs. Additionally, I'm committed to writing cleaner and more organized code to improve readability and maintainability.

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

I encountered challenges in figuring out how to add horizontal lines between table rows and how to modify the style of list bullet points. To overcome these challenges, I turned to online resources and documentation. By researching solutions and examples online, I was able to learn the necessary CSS properties and techniques to achieve the desired effects. This process not only helped me address the immediate issues but also expanded my knowledge and understanding of CSS styling.

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

I would like help with the following specific areas of my project:

Adding horizontal lines between elements, especially within tables. Implementing page scrolling to ensure proper navigation and visibility of content. Styling list bullet points and customizing their appearance. Improving the quality of my code.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on shadazls's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License