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.
This challenge will help you focus on writing semantic HTML. Ensure you think through what HTML elements are most appropriate for each piece of content.
- Solution URL: Frontend Mentor
- Live Site URL: Vercel
- Semantic HTML5 markup
- CSS Flexbox
- Mobile-first workflow
- TailwindCSS
- Parcel - for simple static site building
From previous feedback and looking at feedback of other solutions, I understood I needed to focus more on my markup. I was setting up the markup to focus on styling and the design outcome and not the pertinent content. This time I focused on the content and how to represent that content through the markup.
I also was able to learn some techniques in styling tables and lists, along with navigating the defaults of Tailwind to leverage my styling the way I want it to look.
I need to focus more on the content in the markup and putting styles together with a mobile first perspective and workflow.