

The first thing we want to add to our page is a simple logo element and some navigation links. Now that we know the basics of Skeleton, let’s jump in and build a web page with it! We’ll keep the design nice and minimal to focus on how clean and organized everything comes out with almost no effort on your part. The default queries are in “skeleton.css” and basically just apply a new width to all of the column classes when the window is reduced to certain sizes. This CSS file also holds any extra queries that you might want to implement. This is where you will put any custom CSS that you want to add for your page. The “layout.css” file is a heavily organized but still mostly empty stylesheet included for your convenience. If you think this boilerplate is too hefty for what you want to do or takes too much control, ditch this file. Most of what’s in here is completely optional and meant to be overridden by the user.

The “base.css” file includes preset styles for typography, buttons, forms, tabs, etc. There are two other important CSS files as well: base and layout. The code above comes from the included “skeleton.css” file. Each of these essentially adds sixty more pixels of padding to account for the gaps in content.

column Īlso, to create gaps or empty columns, you add the offset classes: offset-by-one, offset-by-two, etc. (Note: content created with our CMS can’t be exported. Just upgrade to our Personal plan or higher to download your site’s squeaky-clean HTML, CSSs, and JavaScript in one convenient ZIP file. One-click code exportĪlready have a web host? No problem. That means your site will load incredibly quickly on any device, enjoy 99.9% uptime, and be well-defended against potential hacks. Webflow offers best-in-class website hosting powered by Amazon Web Services and Fastly. Blazing-fast page loads with AWS and Fastly CDN Have your own custom domain already, or plan to set it up? We’ll make it easy to get your Webflow site up on your own personal domain so you can host with us and go live with a click. You can even turn your Webflow site into an ecommerce storefront with dynamic embeds and Shopify. Or just hook up your Webflow site to Zapier to access the features and functionality of over 500 of the world’s most popular apps. Webflow doesn’t offer what you want out of the box? No problem-you can add up to 5,000 lines of custom code to the head or footer of any page on your site.

Build anything with custom code … or an integration
