{"tag":{"id":"5f4ebbb150b5c61ec6ef4ad2","name":"Tailwind CSS","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607093541067/JnBZUjK8b.png","slug":"tailwind-css","tagline":"Rapidly build modern websites without ever leaving your HTML.","__typename":"Tag"},"publication":{"id":"6198d4135bb9cc256fc69518","hashnodeURL":"https://linu.us","url":"https://linu.us","canonicalURL":"https://linu.us","title":"linu.us","displayTitle":"linu.us Developer blog by Linus Benkner","descriptionSEO":"Hey there, I'm a young developer building software on the web.","username":"linus","about":{"html":"

Hey there, my name is Linus and I'm a young developer building software on the web.

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":true,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1649887709144/BsrXn5jzv.png","__typename":"OpenGraphMetaData"},"author":{"id":"6198d3d9df376a260c588bbb","name":"Linus Benkner","username":"EinLinuus","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1637405659190/GanE9Stn5.png","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1637519781853/amymbyaly.png","__typename":"User"},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1649886829718/adr_9x0nu.png","darkMode":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1649886831608/hphjOSf6K.png","enabled":true,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"staticMin":null,"homeMin":null,"__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"62574b48e58c4ac41a675cb0","label":"Starter guides","url":"https://linu.us/series/get-started-with","priority":6,"type":"series","series":{"id":"619962e3df376a260c5894c3","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6201a6464efba97010a97c73","label":"SvelteKit","url":"https://linu.us/series/sveltekit","priority":4,"type":"series","series":{"id":"6201a5d04efba97010a97c64","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"619963185bb9cc256fc69e32","label":"My projects","url":"https://linu.us/projects","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"624345cff9d484d83affaa6c","label":"Support my work","url":"https://linu.us/sponsor","priority":-1,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"6354583548f6ebd7a37ecf19","label":"Gumroad","url":"https://einlinuus.gumroad.com/","priority":-2,"type":"link","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":true,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":null,"homeMin":null,"__typename":"CustomCSSPreferences"},"layout":"magazine","__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1649886651696/C1qCS3fA7.png","headerColor":"#362659","metaTags":"","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"","__typename":"PublicationIntegrations"},"postsCount":11,"impressum":"

Contact:
Linus Benkner
Mail: hey@linu.us

To the imprint

\n","isTeam":null,"links":{"twitter":"https://twitter.com/EinLinuus","instagram":"https://instagram.com/linus.dev","github":"https://github.com/EinLinuus","website":"https://linusbenkner.de","hashnode":"https://hashnode.com/@EinLinuus","youtube":"","dailydev":"https://app.daily.dev/EinLinuus","linkedin":"","mastodon":null,"__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"linu.us","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"posts":{"edges":[{"node":{"id":"61b67d780059f90a57a56270","title":"SvelteKit with Tailwind CSS v3","slug":"sveltekit-with-tailwindcss-v3","publishDate":"2021-12-12T22:53:44.152Z","cuid":"ckx3uftm205w61js1d392hlgd","url":"https://linu.us/sveltekit-with-tailwindcss-v3","subtitle":"A simple guide to add Tailwind CSS v3 to your SvelteKit project","brief":"Tailwind CSS version 3 launched just a few days ago, so now you can use it in your projects! If you're using SvelteKit - this article is a simple guide so you can add Tailwind CSS v3 to your project.\nDon't worry - you don't need to have an existing S...","readTimeInMinutes":3,"views":2444,"author":{"id":"6198d3d9df376a260c588bbb","username":"EinLinuus","name":"Linus Benkner","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1637405659190/GanE9Stn5.png","followersCount":14,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1649885535165/wbRXfrnNW.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61b67d780059f90a57a56270_2021-12-12T22:53:44.152Z","__typename":"PostEdge"},{"node":{"id":"61995fed5bb9cc256fc69e17","title":"Get started with TailwindCSS","slug":"get-started-with-tailwindcss","publishDate":"2021-11-20T20:51:50.064Z","cuid":"ckw8aehfo0bvye7s176bx1p79","url":"https://linu.us/get-started-with-tailwindcss","subtitle":"TailwindCSS is gaining more and more popularity. I'll show you how to get started properly with TailwindCSS and how to customize it for your project.","brief":"First things first, this post is about how to get started, not should you get started with TailwindCSS. I've read much articles about why TailwindCSS is good or bad, I personally really like it and use it in much of my projects. If you do so as well ...","readTimeInMinutes":5,"views":518,"author":{"id":"6198d3d9df376a260c588bbb","username":"EinLinuus","name":"Linus Benkner","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1637405659190/GanE9Stn5.png","followersCount":14,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1649885379748/UgsAt-JVM.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61995fed5bb9cc256fc69e17_2021-11-20T20:51:50.064Z","__typename":"PostEdge"},{"node":{"id":"61991e585bb9cc256fc69aa5","title":"How to nest groups in TailwindCSS","slug":"how-to-nest-groups-in-tailwindcss","publishDate":"2021-11-20T16:12:08.591Z","cuid":"ckw80emp10a7ae7s1btnwd1t7","url":"https://linu.us/how-to-nest-groups-in-tailwindcss","subtitle":"A simple plugin to enable nested groups in your TailwindCSS project","brief":"Update: This article is now outdated as nested groups have become a core feature of Tailwind CSS 3.2.👉 Official docs: https://tailwindcss.com/docs/hover-focus-and-other-states#differentiating-nested-groups👉 Playground example: https://play.tailwin...","readTimeInMinutes":3,"views":7537,"author":{"id":"6198d3d9df376a260c588bbb","username":"EinLinuus","name":"Linus Benkner","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1637405659190/GanE9Stn5.png","followersCount":14,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1649885336808/pxwsZ3nNX.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61991e585bb9cc256fc69aa5_2021-11-20T16:12:08.591Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"61991e585bb9cc256fc69aa5_2021-11-20T16:12:08.591Z","hasNextPage":false,"hasPreviousPage":true,"startCursor":"61b67d780059f90a57a56270_2021-12-12T22:53:44.152Z","__typename":"PostPageInfo"},"__typename":"PostConnection"},"__typename":"Publication"}}

Docker For Production Build

Create Linktree Clone

Quick Guide To Deploy Using Docker

Vignesh Shetty