Frontend Mentor - Recipe page solution

This is a solution to the Recipe page challenge on Frontend Mentor.

Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

🔳 Screenshots

🔳 Links

🔳 Built with

🔳 What I learned

🔳 Author

Screenshots 📷

Links 🔗

Live Site URL 👀

Solution in Frontend Mentor 👀

Challenges overcome 👀

Built with ⚒️

✅ Semantic HTML5 markup

✅ CSS custom properties

✅ Flexbox

✅ Mobile-first workflow

What I learned 🤓

💥 border-collapse: this property sets whether cells inside a <table> have shared or separate borders.

💥 border-spacing: this property sets distance between the borders of adjacent cells in a <table>. This property applies only when border-collapse is separate.

.nutrition__table {
  /* code */
  border-collapse: separate;
  border-spacing: 0 0; /* Row spacing */
}

Author 🔰

✨ Frontend Mentor - @mendezpvi