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.
- Semantic HTML5 markup
- Mobile-First design
- Flexbox
- Grid
I encountered a challenge with adding a border to table rows <tr>
. It worked when applied to <td>
elements but not to <tr>
. After some research, I learned about the border-collapse
property, which allows borders to be applied to table rows effectively.
table {
border-collapse: collapse;
}
tr {
border: 1px solid #ddd;
}
- CSS border-collapse Property - This helped me understand how it works and its syntax.
- Website - Som3aware.vercel.app
- Frontend Mentor - @ahmedsomaa
- Twitter - @som3aware