- Intro
- Figma
- Images
Intro
This project is made so all the elements are displayed correctly on popular screen sizes. We recommend investing more time in completing this project, since it's more difficult than previous ones.
Figma
Images
The way you'll do this at work is by exporting images directly from Figma — we recommend doing that to practice more. Don't forget to optimize them here, so your project loads faster.
Good luck and have fun!
Project
Creat a responsive website that fits different screen sizes. Handle multiple events to make the website more interactive. Interact with DOM Elements for Form Validation.
Descriptoions
This websites allow users to post scenery pictures all around U.S. Users can create profile, set up names and brief description of themselves, and upload personal photos. There is a add button where users and create new posts. Each post contains a picture, location and a like button.
Techniques
Html: BEM methdology.
CSS: flex, grid, calc function, media quries, hover and other basic css functions.
JavaScript: DOM, Events, Object-oriented programming, Debugging.
GitHub Pages
Video Link