What is the significance of setting the grid height to 100vh when designing a hero section in Webflow?
Monday, 19 August 2024
by EITCA Academy
Setting the grid height to 100vh when designing a hero section in Webflow is a significant design choice that has both aesthetic and functional implications. The term "100vh" stands for 100% of the viewport height, meaning that the height of the hero section will always match the height of the user's browser window. This approach
- Published in Web Development, EITC/WD/WFCE Webflow CMS and eCommerce, Site building, Homepage: grid-based hero section, Examination review
Tagged under:
CSS, Front-end Development, Hero Section, Responsive Design, UI/UX Design, User Experience, Viewport Height, Web Design, Web Development, Webflow
How does the viewport height (VH) unit contribute to responsive design, and what are some practical applications of setting a section to 100 VH?
Monday, 19 August 2024
by EITCA Academy
The viewport height (VH) unit is a pivotal element in the realm of responsive web design, particularly when considering its application within Webflow, a popular web design tool. The VH unit is a relative length unit that is based on the height of the viewport, which is the visible portion of the user’s browser window.
- Published in Web Development, EITC/WD/WFF Webflow Fundamentals, Element basics, Section, Examination review
Tagged under:
CSS Units, Full-Screen Sections, Responsive Design, Viewport Height, Web Development, Webflow