--- title: Responsive Websites with Sitefinity, Unsemantic, and Normalize description: Unsemantic provides a great framework for laying out on mobile and tablets, and Normalize is just a good CSS reset. image: https://www.inalign.com/hubfs/BlogSitefinity/sf-hero-plain-startup-photos-blue.jpg --- - [About](https://www.inalign.com/about-us) - [Code](https://www.inalign.com/custom-development) - [Sitefinity](https://www.inalign.com/sitefinity-development) - [Blog](https://www.inalign.com/sitefinity) - [Contact Us](https://www.inalign.com/contact-us/) # Responsive Websites with Sitefinity, Unsemantic, and Normalize by [Gregg Crystal](https://www.inalign.com/sitefinity/author/gregg-crystal) Jan 15, 2014 I frequently get asked by a client if they can use a particular CSS framework or Javascript library will work with Sitefinity. So far the answer has always been 'Yes', I've never found one that could not work with Sitefinity. Sitefinity is just an engine that sits on top of .NET. It doesn't prevent you from using any CSS or Javascript files that you like. You can also use whatever off-the-shelf image rotators, social medial share buttons, or video plugin that you choose. For responsive design projects, we've been using [Unsemantic](http://unsemantic.com/) and [Normalize](http://www.cssreset.com/scripts/normalize-css/). Unsemantic provides a great framework for laying out on mobile and tablets, and Normalize is just a good CSS reset. For all Sitefinity projects, we start with a base Master Page file that other templates derive from. This gives us the most control for including Javascript libraries and for settings up the layout divs just the way we want. The CSS files are brought in via a standard .NET theme. Once that is done, you use Unsemantic as you would on any other site, by properly associating classes to divs. We don't use the Layout Manager in Sitefinity much, as it can add too many divs to your HTML and doesn't provide the granular control that we need for our HTML. We also don't use the Responsive Design Module, as the tool (to date) makes many global configurations. Such as, all three column divs will look like a single column on mobile. You can't say that a three column layout on one page looks like a single column and on another page it will look like two columns and a large single column underneath. All of the rules are all or none. Sitefnity navigation uses the KendoUI components and they offer a very robust control for styling the navigation any way you like. There's also javascript that you can edit within the Navigation Widget Template Editor. [![Ready to Supercharge Your Sitefinity Project?](https://no-cache.hubspot.com/cta/default/413787/4fd32bab-d792-45af-b51d-a9e3399a2181.png)](https://cta-redirect.hubspot.com/cta/redirect/413787/4fd32bab-d792-45af-b51d-a9e3399a2181) ### Related Posts [![10 Sitefinity Features Marketers Can Easily Use with Any Website](https://www.inalign.com/hubfs/Inalign_March2018/Layout/sitefinity-background-supercharge-4.jpg)](https://www.inalign.com/sitefinity/10-sitefinity-features-marketers-can-easily-use-with-any-website) [10 Sitefinity Features Marketers Can Easily Use with Any Website](https://www.inalign.com/sitefinity/10-sitefinity-features-marketers-can-easily-use-with-any-website) [![What PHP Developers Need to Know When Working With Sitefinity](https://www.inalign.com/hubfs/BlogSitefinity/sf-hero-plain-sf-people-at-computers-blue.jpg)](https://www.inalign.com/sitefinity/what-php-developers-need-to-know-when-working-with-sitefinity) [What PHP Developers Need to Know When Working With Sitefinity](https://www.inalign.com/sitefinity/what-php-developers-need-to-know-when-working-with-sitefinity) [![Running Sitefinity Locally Within IIS on Windows 10](https://www.inalign.com/hubfs/BlogSitefinity/sf-hero-plain-charts-blue.jpg)](https://www.inalign.com/sitefinity/running-sitefinity-locally-within-iis) [Running Sitefinity Locally Within IIS on Windows 10](https://www.inalign.com/sitefinity/running-sitefinity-locally-within-iis) [![Speeding Up Sitefinity Development: Inline Editing](https://www.inalign.com/hubfs/BlogSitefinity/sf-hero-development-blue.jpg)](https://www.inalign.com/sitefinity/speeding-up-sitefinity-development-inline-editing) [Speeding Up Sitefinity Development: Inline Editing](https://www.inalign.com/sitefinity/speeding-up-sitefinity-development-inline-editing) [![Solution to the Sitefinity Error: The located assembly's manifest definition does not match the assembly reference.](https://www.inalign.com/hubfs/BlogSitefinity/sf-hero-crash-org.jpg)](https://www.inalign.com/sitefinity/sitefinity-error-assembly-manifest-does-not-match) [Solution to the Sitefinity Error: The located assembly's manifest definition does not match the assembly reference.](https://www.inalign.com/sitefinity/sitefinity-error-assembly-manifest-does-not-match) [![How to Customize Module Builder Widget Templates with Conditional Statements](https://www.inalign.com/hubfs/BlogSitefinity/sf-hero-plain-charts-orange.jpg)](https://www.inalign.com/sitefinity/how-to-customize-module-builder-widget-templates-with-conditional-statements) [How to Customize Module Builder Widget Templates with Conditional Statements](https://www.inalign.com/sitefinity/how-to-customize-module-builder-widget-templates-with-conditional-statements) [More](https://www.inalign.com/sitefinity/topic/sitefinity) --- ### Subscribe to Our Blog --- ### Topics - [Recent](https://www.inalign.com/) - [Inbound Marketing](https://www.inalign.com/topic/inbound-marketing) - [Technology](https://www.inalign.com/topic/tech-marketing) - [Manufacturing](https://www.inalign.com/topic/industrial-manufacturing) - [Energy](https://www.inalign.com/topic/retail-energy) - [Sitefinity](https://www.inalign.com/sitefinity) --- [![5 Conversion Killers Every Marketer Should Avoid](https://no-cache.hubspot.com/cta/default/413787/80197558-1902-4342-bb36-b0d3da7222ec.png)](https://cta-redirect.hubspot.com/cta/redirect/413787/80197558-1902-4342-bb36-b0d3da7222ec) ## This Post Was Written by Gregg Crystal CEO and Founder of Inalign, Inc. (www.inalign.com), a full stack Software Development firm specializing in building web and line of business applications. We focus on .NET, Angular, SQL Server, and Sitefinity. Connect with me: ### About Inalign [Visit Inalign.com](https://www.inalign.com) ### Visit Us On LinkedIn [Visit LinkedIn](https://www.linkedin.com/company/inalign-inc) ### Check Out Our Portfolio [Visit Portfolio](https://www.inalign.com/Portfolio/portfolio-home/) ### Get a Free Assessment ![inaligngraylogo](https://www.inalign.com/hs-fs/file-1175323414-png/Inalign/Images/inaligngraylogo.png) ## 800.602.9947 - [Code](https://www.inalign.com/custom-development) - [Sitefinity](https://www.inalign.com/sitefinity-development) - [Blog](https://www.inalign.com/sitefinity) - [About](https://www.inalign.com/about-us) ## ABOUT INALIGN Inalign is a full stack Software Development firm specializing in building web and line of business applications. We focus on .NET, Angular, SQL Server, and Sitefinity. We’ve worked with 300+ customers on thousands of projects for over 20 years! ## FOLLOW INALIGN [![twitter_icon](https://www.inalign.com/hs-fs/file-1175323379-png/Inalign/Images/twitter_icon.png)](http://twitter.com/inaligninc)[![linkedin_icon](https://www.inalign.com/hs-fs/file-1175323409-png/Inalign/Images/linkedin_icon.png)](http://www.linkedin.com/companies/inalign-inc)[![facebook_icon](https://www.inalign.com/hubfs/Inalign/Facebook_Icon.png)](https://www.facebook.com/pages/Inalign-Inc/171479400405)