• Implement CSS Flexbox to create a responsive 1 Directional Layout

• Implement responses to user input in JavaScript using event listeners

• Understand the purpose and benefits of JavaScript functions

• Write JavaScript functions, using parameters to pass in specific data

HTML

• W3: Semantic HTML

CSS

JavaScript

Git

Build a gallery which displays the projects you've been working on. You might include this in your application website to showcase what you've learnt and created while completing our requirements.

Like your last project, please push your changes to GitHub and host your site live using GitHub Pages.

Requirements

• Have a section or card for each project

• Each card should have a title, an image of your project, and a description

• Use to arrange the cards on the page

• Resize cards based on screen width

• Adapt the layout of the gallery when the browser window resizes

• Display the cards in a single column on mobile devices

• Have a clickable button on each card that opens and closes the description text