Skip to content

Latest commit

 

History

History
33 lines (22 loc) · 1.41 KB

Readme.md

File metadata and controls

33 lines (22 loc) · 1.41 KB

Week 1.5 - Awwwards Website: Building and Responsiveness

📚 Week 1.5 - Awwwards Website Development

Topics Covered:

  • Building the Awwwards website from scratch
  • Focus on responsiveness and visualizing layouts
  • Writing SCSS to handle styling and layout management for different screen sizes.

🌐 Visit the Live Website

💻 What We Did:

  • We started building the Awwwards website, focusing on its responsiveness.
  • We used SCSS for clean and maintainable code, which simplifies managing styles for different screen sizes.
  • We ensured the layout was responsive across various devices, creating a smooth experience for desktop and mobile users.
  • During this process, we worked on the website’s visual structure and implemented essential responsive design techniques.

📌 Key Learning Points:

  • Responsiveness: Handling multiple screen sizes by adjusting layouts and elements with CSS properties.
  • SCSS: Writing and structuring SCSS for efficient and scalable styles.
  • Proper Layout Visualization: Understanding how layouts are structured for different screens.

💻 Lecture Codes