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.
Users should be able to:
- See hover and focus states for all interactive elements on the page
- Solution URL: solution
- Live Site URL:Recipe page
- Semantic HTML5 markup
- Tailwind Css
- Flexbox
- Mobile-first workflow
I lerrned alot from the first chalange which i used to, making corrections and applying them to this challange. in this challange i learnt how to use Tailwind Css, a CSS framwork. Puting this into use was very exciting. It also alloud me to make changes to my html element when its on the active state. Taking these challanges have helped me alot the pass few days, finding an uncovering new ways of styling elements to my taste. Cant wait for what comes next....😎
I'll focuse more on my webdevelopmet, even though its been long since i visited it, but with this challanges i might just be able to get back on track.
- https://www.coursera.org/ - This site really helped me in learning how to make my webpage responsive. I really liked this pattern and will use it going forward.
- Website - Okorie PraiseGod.E.
- Frontend Mentor - @Peolite1
- Twitter - @prai79461
Sometimes giving credit to one's self is important...🙂

