---
title: TailwindCSS - New CSS Kid on the Block!
description: Rapidly build modern websites without ever leaving your HTML. This utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-
---

[Skip to main content (Press Enter)](https://edytajordan.com/insights/tailwindcss-new-cool-css-kid-on-the-block#main)

[I am now spotlighted by HubSpot! - Learn More](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLKcDrOAN0E%2F%2Fx%2FUuuwGc13Rw7Q98fFlSlIW6I%2BQYR8kX32djISBaFImxngX1T0bs6C05FEXOtlRZO7V5EczHjsNXOd4tfNF8AJVzBaH01cqdeWDcXwArMP2N9dVr0jTLGuTrvsK2ZVt%2BqpDv0fW06XWiS7%2FqaTjrF%2BV%2FLP9lIJZA5nA5G9BnKSIcG4GOuGoK%2BHtBQxKZqqG7akE0dwXlAd0cV%2BuoYYzftBTY8LdpQZtdo7rkGydE%2FwamfJRJLUHDLPNdw%3D%3D&webInteractiveContentId=188859843856&portalId=47294496)

[Portfolio.](https://edytajordan.com/portfolio) [Resume.](https://edytajordan.com/resume)

[Insights.](https://edytajordan.com/insights) [Contact.](https://edytajordan.com/contact)

 Let's connect

- <https://www.linkedin.com/in/edytajordan>
- <https://www.salesforce.com/trailblazer/edytajordan>
- <https://github.com/edytajordan>
- <https://app.hubspot.com/academy-profile/member/53650989>
- <https://www.drupal.org/u/edytajordan>
- <https://www.kaggle.com/edytajordan>

[\<edyta /\>](https://edytajordan.com/)

 Nov 1, 2017

# TailwindCSS - New CSS Kid on the Block!

 0 min read [Quick Tips](https://edytajordan.com/insights/tag/quick-tips#blogPosts)

Rapidly build modern websites without ever leaving your HTML. This utility-first [CSS framework](https://tailwindcss.com/) packed with classes like `flex`,  `pt-4`,  `text-center` and  `rotate-90` that can be composed to build any design directly in your markup. The website you're looking at is proudly built on Tailwind :)

Share: [Share on: facebook-f](http://www.facebook.com/share.php?u=https://edytajordan.com/insights/tailwindcss-new-cool-css-kid-on-the-block) [Share on: linkedin-in](http://www.linkedin.com/shareArticle?mini=true&url=https://edytajordan.com/insights/tailwindcss-new-cool-css-kid-on-the-block) [Share on: twitter](https://twitter.com/intent/tweet?url=https://edytajordan.com/insights/tailwindcss-new-cool-css-kid-on-the-block) [Share on: pinterest-p](http://pinterest.com/pin/create/link/?url=https://edytajordan.com/insights/tailwindcss-new-cool-css-kid-on-the-block) [Share on: envelope](mailto:?body=https://edytajordan.com/insights/tailwindcss-new-cool-css-kid-on-the-block)

[Back to Insights](https://edytajordan.com/insights)

 Let's Do Something Amazing.

- [![Lead AI Revolution](https://edytajordan.com/hubfs/Footer%20Slider/AI-Data-Science-Edyta-Jordan.jpg) AI & Machine Learning Generative AI, Machine Learning, and Business Transformation Lead the AI Revolution](https://edytajordan.com/insights/generative-ai-in-business-transformation)
- [![TDX25 Recap](https://edytajordan.com/hubfs/Footer%20Slider/edyta-jordan-TDX-2025-recap.png) Salesforce TDX25 Agentforce is what AI was meant to be See Recap](https://edytajordan.com/insights/agentforce-is-what-ai-was-meant-to-be-inside-tdx25)
- [![TDX25 Recap](https://edytajordan.com/hubfs/Footer%20Slider/Agentforce-and-digital-labor-edyta-jordan-salesforce.png) Salesforce + Agentforce Agentic AI is creating a Digital Labor Revolution Learn More](https://edytajordan.com/insights/understanding-digital-labor-how-to-leverage-it-in-salesforce)
- [![HubSpot by Edyta Jordan](https://edytajordan.com/hubfs/Footer%20Slider/edyta-jordan-spotlighted-by-hubspot.jpg) HubSpot Story time: I am now spotlighted by HubSpot! Check out the story](https://edytajordan.com/insights/code-creatively-build-brilliantly-and-be-spotlighted-by-hubspot)
- [![WordPress by Edyta Jordan](https://edytajordan.com/hubfs/Footer%20Slider/edyta-jordan-wordpress.jpg) WordPress Where sleek design meets functionality View Projects](https://edytajordan.com/portfolio?type=WordPress)
- [![Web Portfolio by Edyta Jordan](https://edytajordan.com/hubfs/Footer%20Slider/edyta-jordan-web-portfolio.jpg) Portfolio Creativity meets innovation! See my work](https://edytajordan.com/portfolio)
- [![HubSpot by Edyta Jordan](https://edytajordan.com/hubfs/Footer%20Slider/edyta-jordan-hubsport-expertise.jpg) HubSpot Get the most out of your CRM Learn How](https://edytajordan.com/insights/edyta-jordan-now-certified-by-hubspot)
- [![Government Administration by Edyta Jordan](https://edytajordan.com/hubfs/Footer%20Slider/edyta-jordan-government.jpg) Government Projects that drive innovation and enhance public services View Projects](https://edytajordan.com/portfolio?industry=Government+Administration)

# Socials News..

## Let’s connect — I'll trade you tech tips for memes. 😄💻

- <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7315484186545401857?collapsed=1" frameborder="0" allowfullscreen title="LinkedIn Post" class="w-full h-[500px] rounded-md shadow"></iframe>
- <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:7305353504066260992?collapsed=1" frameborder="0" allowfullscreen title="LinkedIn Post" class="w-full h-[500px] rounded-md shadow"></iframe>
- <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7351313913315020801?collapsed=1" frameborder="0" allowfullscreen title="LinkedIn Post" class="w-full h-[500px] rounded-md shadow"></iframe>
- <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7341160829641232384?collapsed=1" frameborder="0" allowfullscreen title="LinkedIn Post" class="w-full h-[500px] rounded-md shadow"></iframe>
- <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7324194051992227842?collapsed=1" frameborder="0" allowfullscreen title="LinkedIn Post" class="w-full h-[500px] rounded-md shadow"></iframe>
- <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:share:7322681467740786689?collapsed=1" frameborder="0" allowfullscreen title="LinkedIn Post" class="w-full h-[500px] rounded-md shadow"></iframe>

 Trusted by the world’s most innovative organizations

[![Edyta Jordan received a Gold Addy Award from American Advertising Federation](https://edytajordan.com/hs-fs/hubfs/raw_assets/public/edyta-jordan-hubspot-2024/images/logo-cloud/Edyta-Jordan-American-Advertising-Awards.png?width=300&height=208&name=Edyta-Jordan-American-Advertising-Awards.png)](https://edytajordan.com/insights/edyta-jordan-shines-addys-american-advertising-awards) [![Edyta Jordan - HubSpot Certified Professional](https://edytajordan.com/hs-fs/hubfs/raw_assets/public/edyta-jordan-hubspot-2024/images/logo-cloud/Edyta-Jordan-HubSpot-Certified-Professional.png?width=300&height=208&name=Edyta-Jordan-HubSpot-Certified-Professional.png)](https://edytajordan.com/insights/edyta-jordan-now-certified-by-hubspot) [![Edyta Jordan - Marketo Certified Expert](https://edytajordan.com/hs-fs/hubfs/raw_assets/public/edyta-jordan-hubspot-2024/images/logo-cloud/Edyta-Jordan-Marketo-Certified-Professional.png?width=300&height=208&name=Edyta-Jordan-Marketo-Certified-Professional.png)](https://edytajordan.com/insights/edyta-jordan-awarded-marketo-certified-expert-certification) [![Edyta Jordan - Salesforce JavaScript Developer I](https://edytajordan.com/hs-fs/hubfs/raw_assets/public/edyta-jordan-hubspot-2024/images/logo-cloud/Edyta-Jordan-Salesforce-Certified-Professional.png?width=300&height=208&name=Edyta-Jordan-Salesforce-Certified-Professional.png)](https://edytajordan.com/insights/edyta-jordan-awarded-salesforce-developer-certification) [![Edyta Jordan - Web Accessibilty Certification by W3C WAI](https://edytajordan.com/hs-fs/hubfs/raw_assets/public/edyta-jordan-hubspot-2024/images/logo-cloud/Edyta-Jordan-WCAG-WAI-Certified-Professional.png?width=300&height=208&name=Edyta-Jordan-WCAG-WAI-Certified-Professional.png)](https://edytajordan.com/insights/edyta-jordan-now-certified-by-w3c-web-accessibility-initiative-wai) [![Edyta Jordan is Drupal Association Individual Member](https://edytajordan.com/hs-fs/hubfs/raw_assets/public/edyta-jordan-hubspot-2024/images/logo-cloud/Edyta-Jordan-Drupal-Association_Member_Individual.png?width=300&height=208&name=Edyta-Jordan-Drupal-Association_Member_Individual.png)](https://edytajordan.com/insights/unveiling-the-power-of-drupal)

All Testimonials

![Testimonial from Melissa O'Keefe - Connection](https://edytajordan.com/hubfs/Melissa-OKeefe-Connection.jpeg)

Over the past year, I have had Edyta on my team and would absolutely recommend her. She’s someone you can count on to get things done well and on time, and she brings a great mix of big-picture thinking and attention to detail.

Edyta managed multiple projects with moving deadlines and complex integrations. Her knowledge base for my team includes Marketo and Stova, building, executing, and optimizing campaigns in a way that actually drives results. She’s thoughtful in how she approaches her work, asks smart questions, and is always looking for ways to make things better or more efficient.

Edyta is also just easy to work with. She collaborates well across teams, communicates clearly, and keeps things moving without a lot of hand-holding. On top of that, she has a positive attitude and is always willing to jump in and help when needed.

Any team would be lucky to have her.

Melissa O'Keefe - Connection

[All Testimonials →](https://edytajordan.com/testimonials)

![Lesley-Taylor-Kempower](https://edytajordan.com/hubfs/Lesley-Taylor-Kempower.jpeg) ![Melissa-OKeefe-Connection](https://edytajordan.com/hubfs/Melissa-OKeefe-Connection.jpeg) ![Sarah-Cocos-BSASoftware](https://edytajordan.com/hubfs/Sarah-Cocos-BSASoftware.jpeg) ![Fiona\_Solliday](https://edytajordan.com/hubfs/Footer-Testimonials/Fiona_Solliday.jpeg) ![Nancy\_Hoffman](https://edytajordan.com/hubfs/Footer-Testimonials/Nancy_Hoffman.jpeg) ![Ed\_Cinefro](https://edytajordan.com/hubfs/Footer-Testimonials/Ed_Cinefro.jpeg) ![Steph\_Bairey](https://edytajordan.com/hubfs/Footer-Testimonials/Steph_Bairey.jpeg) ![gary\_avatar-e1450811716275-150x150](https://edytajordan.com/hubfs/Footer-Testimonials/gary_avatar-e1450811716275-150x150.jpg) ![diana-brown-resize\_1324396450-e1450814924942-150x150](https://edytajordan.com/hubfs/Footer-Testimonials/diana-brown-resize_1324396450-e1450814924942-150x150.jpg)

 Copyright @ 2026 EDYTA JORDAN™.  All Rights Reserved.   
[Privacy Policy](https://edytajordan.com/privacy-policy) | [Accessibility Statement](https://edytajordan.com/accessibility-statement)

[Go Back Up](https://edytajordan.com/insights/tailwindcss-new-cool-css-kid-on-the-block#top)

 ×

## Search Anything

This is a search field with an auto-suggest feature attached.

- There are no suggestions because the search field is empty.

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Admin",
    "url" : "https://edytajordan.com/insights/author/admin"
  },
  "dateModified" : "2024-10-09T17:03:27.384Z",
  "datePublished" : "2017-11-01T04:00:00.000Z",
  "headline" : "TailwindCSS - New CSS Kid on the Block!",
  "mainEntityOfPage" : {
    "@id" : "https://edytajordan.com/insights/tailwindcss-new-cool-css-kid-on-the-block",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject"
    }
  }
}
```