Learn how you can create dynamic, eye-catching designs with advanced CSS Grid.
In this tutorial, you’ll learn how to add and edit an advanced CSS Grid. You’ll see how to build individual column and row definitions using units of measurement to control the Grid structure at each Breakpoint and position your elements accordingly. You can apply the CSS Grid on both sections and containers, and add gridlines even after the content was added without affecting the design, right on your canvas.
–
0:00 – Intro
0:39 – Convert a Section Grid into a CSS Grid
1:37 – Use fr measurement units
2:14 – Attach elements to multiple Grid cells
3:00 – Add, customize & delete gridlines
3:42 – Adjust CSS Grid for the mobile breakpoint
–
Learn more about Wix Studio:
https://www.wix.com/studio
Want to take a closer look at the end-to-end process of building responsive sites with Wix Studio? Check out the Wix Studio Essentials course:
https://wix.to/gT8VY7c
Join the Wix Studio Community forum to connect, collaborate and learn from other professionals:
https://forum.wixstudio.com
–
About Wix Studio:
Introducing Wix Studio—an end-to-end web creation platform for agencies and freelancers. Create tailored web experiences for any client in a hyper-efficient way with advanced design features, custom dev capabilities and multi-project workspaces.
Subscribe to our channel for more knowledge and inspiration:
https://www.youtube.com/@WixStudio/about?sub_confirmation=1
–
Stay tuned:
Facebook: https://www.facebook.com/WixStudio
Twitter: https://www.twitter.com/WixStudio
TikTok: https://www.tiktok.com/@wixstudio
