Push movement basics

Push movement basics

Push movement basics

Unlock exclusive content to enhance your UX/UI design skills with StudyFlow. Gain access to in-depth lessons, real-world projects, and expert insights designed to accelerate your learning journey. Start mastering the skills you need to succeed in the design world!

In this lesson, you’ll go through the process of building the navigation bar of our website. We start by drawing a new Frame for the navigation bar and setting its dimensions and background color. Next, we style the navbar with a logo, space-between layout, and padding, and add links for “Features," “About us," and "FAQ." We then create a flexible button within a new Frame, style it, and change the text to “Sign up." Wrapping the links and button in a separate Frame for better control, we set the destination of the links and make the navbar stay fixed at the top while scrolling. Finally, we remove the background color of the navbar, allowing it to remain fixed and scroll with the page.

Upper body strength session
Pull movement basics

Create a free website with Framer, the website builder loved by startups, designers and agencies.