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

• Overview
• Screenshot
• Links
• My process
• Built with
• What I learned
• Continued development
• Useful resources
• Author

Overview

Screenshot

Links

• Solution URL: Solution URL

My process

Structuring and stylig went smoothly, the most challenging part was using the table element, which was the first time i used it, but after learning its properties, everything went alright.

Built with

• Semantic HTML5 markup
• CSS custom properties

What I learned

With this challenge I've learned how to use the

element and started learning flexbox and grid for more efficient applications in future projects.

Continued development

On my next projects i would like to implement flexbox/grid to increase productivity and be up to do date with the newer tech.

I want to start implementing JS on my web pages but I'm still unconfortable with it. And start as soom as possible developing more than lading pages, multi-paged interfaces are the next goal.

Useful resources

• MDN - This helped me learning new css and HTML best practices.

Author

• Github - @Cjsrodrigo
• Frontend Mentor - @Cjsrodrigo