logo

Recipe Web Page Project Details

This project was created to practice using semantic HTML, JavaScript, and Flexbox to build a visually engaging and well-organized recipe website. Semantic HTML elements were used to create a clear structure and improve accessibility. JavaScript was incorporated to add a pulsing effect to the H1 heading, creating movement and visual interest. Flexbox was used to arrange and align content while maintaining a clean and responsive layout. This project helped strengthen my skills in combining HTML, CSS, and JavaScript to create an interactive user experience.

Mobile
Desktop
Mobile
Desktop

Behind The Code

Semantic HTML to set up the structure of the page and organize the content.
CSS to style the content with Flexbox and also to make the page responsive.