HTML and CSS: Mastering the Basics of Flexbox

By -

Our titled HTML and CSS: Mastering the Basics of Flexbox was held on May 9, 2025, from 2:00 PM to 3:30 PM at Room 519 in Gordon College. It was organized by our team, Squad, as part of our advocacy to share knowledge and develop front-end web development skills among fellow students. The speaker was Mr. Raven Andre Legarde, a 4th-year BSIT student who discussed the fundamentals of Flexbox, a CSS layout model used to design responsive and flexible web pages. The event was free for all attendees, and registration was done through a QR code system. The seminar included a live demonstration of how Flexbox works and how it can be used to align, justify, and order elements in a webpage layout.

GROUP ORGANIZED SEMINAR TITLE: “HTML and CSS: Mastering the Basics of Flexbox”


I. DETAILS OF THE EVENT/ACTIVITY

  • Our titled HTML and CSS: Mastering the Basics of Flexbox was held on May 9, 2025, from 2:00 PM to 3:30 PM at Room 519 in Gordon College. It was organized by our team, Squad, as part of our advocacy to share knowledge and develop front-end web development skills among fellow students. The speaker was Mr. Raven Andre Legarde, a 4th-year BSIT student who discussed the fundamentals of Flexbox, a CSS layout model used to design responsive and flexible web pages. The event was free for all attendees, and registration was done through a QR code system. The seminar included a live demonstration of how Flexbox works and how it can be used to align, justify, and order elements in a webpage layout.

II. REFLECTIONS ON THE SEMINAR/ACTIVITY GIVE RISE TO (LEARNINGS)

  • The seminar helped us understand how powerful and useful Flexbox is in web design. We learned about different Flexbox properties like justify-content, align-items, flex-direction, and how to use them to position elements easily. The live coding session made it easier for us to see how changes in the code affect the layout in real time. We also learned the importance of proper structure and responsive design in web development.

III. REFLECTIONS ON POSSIBILITIES ON IMPLEMENTING SOME OF THE SEMINAR INPUT ON A PRACTICAL LEVEL (PRACTICAL APPLICATION OF LEARNINGS)

  • Everything we learned can be used directly in our school projects and personal websites. Now we know how to build cleaner, more organized layouts using Flexbox. It will help us save time in coding and make our designs look better on both desktop and mobile screens. It also motivated us to explore more CSS tools like Grid and frameworks in the future.

IV. POSITIVE FEEDBACKS

  • The event was very informative and well-prepared. The speaker, Mr. Raven, explained the topic clearly and gave helpful examples. Attendees appreciated the hands-on demonstration and the chance to ask questions. Many students said they now feel more confident in using Flexbox. The atmosphere was also fun and welcoming, which encouraged more participation.

V. SUGGESTIONS FOR IMPROVEMENTS TO BE MADE/CONSIDER FOR FUTURE ACTIVITIES

  • Overall, everything went smoothly during the seminar. One thing that could be improved is giving more time for the Q&A session so that the audience can ask more questions and clarify their concerns about the topic.


VI. PHOTOS/VIDEOS TAKEN












Comments

Post a Comment

Popular posts from this blog

Wistron Infocomm (Philippines)

By -
Image
Our industry visit took place on May 5, 2025, at Wistron Infocomm (Philippines) located at 4 Rizal Highway Corner Aim High Avenue, Subic Bay Industrial Park Phase 1, Subic Bay Freeport Zone, Olongapo City. Wistron is a big electronics manufacturing company that started in Taipei, Taiwan in 2001. It used to be part of Acer Inc. before becoming its own company. They design and make many kinds of tech products like laptops, smartphones, servers, and more.  INDUSTRY VISIT  TITLE:  “ Wistron Infocomm (Philippines) ” I. DETAILS OF THE EVENT/ACTIVITY Our industry visit took place on May 5, 2025, at Wistron Infocomm (Philippines) located at 4 Rizal Highway Corner Aim High Avenue, Subic Bay Industrial Park Phase 1, Subic Bay Freeport Zone, Olongapo City. Wistron is a big electronics manufacturing company that started in Taipei, Taiwan in 2001. It used to be part of Acer Inc. before becoming its own company. They design and make many kinds of tech products like laptops, smar...
Read more

THE GC CCS TECHFEST 2025

By -
Image
The GC CCS Tech Fest 2025 was held as a dual-purpose event—a platform for technological learning and a fundraising initiative. It aimed to provide students and the community with exposure to emerging technologies, insights into technology-driven careers, and opportunities to connect with professionals in the field. The event featured project showcases, discussions, competitions, and an e-sports tournament. One of its key goals was to raise funds for the renovation of Room 507 in the College of Computer Studies, which will soon become the GC CCS iMac Laboratory . EVENT  TITLE:  “GC CCS TECHFEST 2025” I. DETAILS OF THE EVENT/ACTIVITY The GC CCS Tech Fest 2025 was held as a dual-purpose event—a platform for technological learning and a fundraising initiative. It aimed to provide students and the community with exposure to emerging technologies, insights into technology-driven careers, and opportunities to connect with professionals in the field. The event featured project show...
Read more

PWA Pilipinas Roadshow 2024 -Baguio City

By -
Image
 The "Web App Platform for Java Developers PWA Roadshow" in Baguio, held on December 14, 2024, was an insightful event that introduced developers to creating Progressive Web Apps (PWAs) using React and Gemini AI. Led by community leads Andresito de Guzman and John Mclem Adan, the event featured hands-on workshops and expert sessions, providing valuable skills for building high-performance web apps. Participants gained practical knowledge that they could immediately apply to enhance their development projects. SEMINAR TITLE: “The Web App Platform for Java Developers PWA Roadshow Baguio” I. DETAILS OF THE EVENT/ACTIVITY The “Web App Platform for Java Developers PWA Roadshow” in Baguio was an engaging and educational event designed to showcase the power of Progressive Web Apps (PWAs) for Java developers. Held on December 14, 2024, the event featured expert-led sessions, hands-on workshops, and live demos. Attendees learned how to create their own PWAs using React and Gemini AI, ...
Read more