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

flexbox

accessibility
Kevin Salazar Zarate•40
@iamkevin-sz
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 am proud to finish and next time I will create a specific class for each h2, since so much size, space, color, etc. was repeated

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

The challenge I found was to put bold in the instructions, preparation time, in the end I couldn't do it through CSS, I did it manually through HTML and I think that is wrong, and in nutrition I couldn't put bold and that color through CSS either, In the end I left it like this since I would have to place a span in the html and give each one a color, I think it is not done that way

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

I would like help on how to bold certain words in CSS and also in the table I wanted to align horizontally and I couldn't, in the end I used a justify content space around, it just didn't align as seen in the image, so I increased an empty td to each column like this so that it looks almost the same, but it is not well aligned between columns, I would like to know how to do it

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 Kevin Salazar Zarate'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