https://github.com/thaboxan/thajaf449_wfo2401_groupa_thabojafta_sdf06

CodeSpace Pets Instagram Profile Project
https://github.com/thaboxan/thajaf449_wfo2401_groupa_thabojafta_sdf06

cats css-animations css-flexbox css-grid css3 html5 instagram

Last synced: about 7 hours ago
JSON representation

CodeSpace Pets Instagram Profile Project

• Host: GitHub
• URL: https://github.com/thaboxan/thajaf449_wfo2401_groupa_thabojafta_sdf06
• Owner: thaboxan
• License: mit
• Created: 2024-01-31T09:19:18.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-02-06T11:20:32.000Z (about 1 year ago)
• Last Synced: 2024-02-06T13:14:47.616Z (about 1 year ago)
• Topics: cats, css-animations, css-flexbox, css-grid, css3, html5, instagram
• Language: HTML
• Homepage: https://monumental-gaufre-2cbe30.netlify.app/
• Size: 19.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
#Learning Reflections README

6.15 CodeSpace Pets Instagram Profile Project

Overview

This **README** provides reflections on the 6.15 CodeSpace Pets Instagram Profile Project. It highlights areas of mastery, challenges faced, areas for improvement, and overall learning experiences.

### Reflections

#### Areas of **Mastery**

CSS Layout Techniques: Mastered various CSS layout techniques including flex and grid layouts to create responsive and visually appealing designs.

Responsive Design: Achieved proficiency in implementing responsive design principles to ensure optimal viewing experiences across different devices and screen sizes.

Styling Elements: Demonstrated competence in styling elements using CSS to enhance the overall UI/UX of the project.

### **Challenges Faced**

*Responsive Design for Smaller Screens*: Encountered challenges in optimizing layouts for smaller screens while maintaining design integrity and usability.

*layout techniques*: Faced difficulties in the layout of some elements, sometimes I could envision how I want my elements to look but when I attempt to bring my idea to life at times I failed..

### **Areas for Improvement**

*Advanced CSS Properties*: Aim to further explore and utilize advanced CSS properties and techniques to enhance the sophistication and functionality of the project.

*Code Optimization*: Strive for improving code efficiency and organization to ensure cleaner, more maintainable, and scalable codebases.

*Creative Design Choices*: Seek to expand creativity and experiment with innovative design choices to elevate the overall aesthetic appeal and uniqueness of the project.

### **Overall Learning Experience**

The project provided valuable opportunities to deepen understanding and proficiency in CSS layout techniques, responsive design, and element styling. Despite facing challenges, overcoming them contributed to a richer learning experience. Moving forward, there is a commitment to continuous improvement and exploration of advanced concepts to further enhance skills and creativity in web development.

https://www.loom.com/share/a526a9bc51494548b95a315f8f39cbb4?sid=20e24943-0251-428b-ba76-fbc0e0617e3a