Meta tags:

Headings (most frequently used words):

build, modern, html, beef, burger, one, css, customization, rapidly, websites, without, ever, leaving, your, best, practices, don, actually, work, constraint, based, anything, performance, mobile, first, beach, house, in, collingwood, state, variants, projects, component, driven, hank, juiciest, southern, fried, chicken, sandwich, lily, healthy, weekly, on, dark, mode, scaling, at, heroku, with, utility, classes, features, editor, tools, ready, made, components, getting, started, core, concepts, community, width, styles, index, typography, color, problems,

Text of the page (most frequently used words):
class (142), div (141), text (112), flex (57), gray (56), button (40), the (39), 500 (37), and (34), css (33), center (33), border (33), rounded (30), grid (30), svg (29), font (29), full (27), items (26), tailwind (24), fill (24), 600 (21), space (21), justify (20), dark (19), with (19), you (19), path (19), currentcolor (19), width (19), hover (18), medium (18), none (18), start (18), from (17), type (17), focus (16), for (16), auto (16), cols (15), 100 (15), more (13), block (13), span (13), 400 (13), blue (13), col (13), height (13), stroke (13), original (13), tweet (13), utility (12), 200 (12), your (12), white (12), black (12), label (12), base (11), learn (11), build (11), gradient (11), purple (11), design (10), hidden (10), navitem (10), light (10), fuchsia (10), 300 (9), alt (9), src (9), img (9), row (9), leading (9), size (9), tailwindcss (9), all (8), like (8), radio (8), 892 (8), 196 (8), projects (8), evenodd (8), rule (8), mode (7), new (7), relative (7), shadow (7), 900 (7), developer (7), system (7), color (7), into (7), classes (7), btn (7), list (7), easy (7), end (7), house (7), first (6), use (6), want (6), same (6), href (6), gap (6), but (6), can (6), 004 (6), 424 (6), 488 (6), 888 (6), semibold (6), title (6), that (6), any (6), apply (6), now (6), nav (6), servings (6), name (6), group (6), input (6), 414 (6), absolute (6), jpg (6), colors (5), just (5), time (5), responsive (5), using (5), started (5), 700 (5), transparent (5), modern (5), framework (5), 197 (5), aria (5), one (5), websites (5), html (5), listitem (5), recipes (5), item (5), users (5), only (5), category (5), inset (5), beach (5), 293 (5), value (5), ever (5), configuration (4), support (4), production (4), got (4), even (4), viewbox (4), outline (4), shrink (4), truncate (4), within (4), make (4), primary (4), 800 (4), everything (4), scale (4), 128 (4), stack (4), 837 (4), 163 (4), 379 (4), 287 (4), 734 (4), 645 (4), 371 (4), 172 (4), lime (4), when (4), front (4), component (4), recipe (4), divide (4), import (4), over (4), project (4), form (4), clip (4), object (4), cover (4), collingwood (4), 293a1 (4), max (4), indigo (4), never (4), was (4), engineer (4), customizing (3), spacing (3), components (3), states (3), editor (3), getting (3), 118l (3), 003 (3), http (3), www (3), org (3), 2000 (3), xmlns (3), inline (3), transition (3), ease (3), out (3), duration (3), 150 (3), between (3), get (3), about (3), names (3), rows (3), gradients (3), our (3), inter (3), typography (3), file (3), transform (3), shadows (3), m17 (3), 784 (3), 838 (3), round (3), 012 (3), don (3), andrew (3), recent (3), popular (3), featured (3), difficulty (3), rating (3), react (3), again (3), have (3), user (3), left (3), 011 (3), 110 (3), violet (3), kevin (3), francis (3), 921 (3), this (3), green (3), tiny (3), going (3), been (3), real (3), write (3), used (3), way (3), actually (3), sarah (3), dayan (3), github (2), variants (2), theme (2), customization (2), adding (2), utilities (2), styles (2), other (2), guide (2), ready (2), help (2), cssconflict (2), applies (2), property (2), m18 (2), 002 (2), 997 (2), 256 (2), com (2), worried (2), integration (2), transforms (2), state (2), visible (2), features (2), display (2), body (2), sans (2), serif (2), brutalist (2), elegant (2), playful (2), simple (2), own (2), then (2), custom (2), box (2), literally (2), palette (2), scaling (2), heroku (2), 6v0z (2), 22c0 (2), m12 (2), 878 (2), 12c1 (2), 781 (2), 066 (2), 085 (2), 515 (2), 104 (2), 665 (2), 896 (2), 824 (2), 075v (2), 068c (2), 912 (2), 235 (2), 505 (2), 005 (2), 283 (2), 048 (2), 727 (2), 602 (2), 968 (2), 932 (2), 387h1 (2), 274c (2), 801 (2), 475 (2), 541 (2), 471 (2), 346 (2), 844 (2), 673 (2), 398 (2), 398h (2), 738v1 (2), 074h (2), 737c1 (2), 614 (2), 491 (2), 848 (2), 738 (2), 765 (2), 946 (2), 683 (2), 486 (2), 262h9 (2), 797c (2), 055 (2), 317 (2), 395 (2), 395zm7 (2), 025c2 (2), 016 (2), 504 (2), 855 (2), 504zm0 (2), 138c (2), 185 (2), 366 (2), 174 (2), 716 (2), 182 (2), 712 (2), 367 (2), 367z (2), 16h4v18h (2), linecap (2), overflow (2), abbr (2), min (2), 160 (2), enable (2), they (2), their (2), throw (2), active (2), works (2), footer (2), accept (2), decline (2), secondary (2), description (2), 00am (2), not (2), extract (2), lily (2), beef (2), burger (2), hank (2), truth (2), section (2), filter (2), placeholder (2), ring (2), 414l (2), translate (2), header (2), api (2), add (2), view (2), check (2), availability (2), hosted (2), ontario (2), normal (2), 292a1 (2), 034a1 (2), 118l1 (2), 539 (2), 034c (2), entire (2), screen (2), sucks (2), right (2), instead (2), 0l10 (2), 010 (2), pointer (2), events (2), fixed (2), baseline (2), underline (2), extrabold (2), 4xl (2), unused (2), building (2), could (2), client (2), 656 (2), classic (2), jacket (2), sizing (2), seriously (2), anything (2), work (2), makes (2), gilliland (2), jon (2), bloomer (2), think (2), love (2), had (2), luke (2), redpath (2), last (2), hype (2), jad (2), limcaco (2), few (2), ken (2), wheeler (2), okay (2), feel (2), idiot (2), debbie (2), brien (2), maintain (2), aaron (2), bushnell (2), graeme (2), houston (2), madeline (2), campbell (2), why (2), would (2), gilbert (2), rabut (2), tsurwa (2), dacey (2), nolan (2), documentation (2), how (2), guillermo (2), rauch (2), ryan (2), florence (2), until (2), seen (2), large (2), teams (2), customize (2), adapts (2), staff (2), algolia (2), figure (2), figcaption (2), blockquote (2), rapidly (2), without (2), leaving (2), search (2), youtube, twitter, discord, community, presets, plugins, configuring, breakpoints, functions, directives, extracting, core, concepts, browser, optimizing, preprocessors, upgrade, release, notes, installation, collection, beautiful, fully, designed, developed, creators, hundreds, examples, choose, guaranteed, find, perfect, starting, point, what, move, faster, made, problems, email, 4v14a2, 2h12a2, 2v8, 118z, 884l10, 882l7, 998a2, 0016, 4h4a2, 884z, facepad, fit, facearea, format, ixid, eyjhchbfawqiojeymdd9, https, images, unsplash, photo, 1494790108377, be9c29b29330, ixlib, regional, paradigm, technician, admin, teal, jane, cooper, intelligent, autocomplete, suggestions, linting, definitions, required, remembering, these, intellisense, extension, code, has, covered, world, ide, tools, flow, composable, powered, variables, selectors, tons, unapologetically, takes, advantage, latest, greatest, experience, enjoyable, possible, cutting, edge, comfort, zone, module, fontfamily, 18181b, 27272a, 3f3f46, 52525b, 71717a, a1a1aa, d4d4d8, e4e4e7, f4f4f5, fafafa, 312e81, 3730a3, 4338ca, 4f46e5, 6366f1, 818cf8, a5b4fc, c7d2fe, e0e7ff, eef2ff, exports, lorem, ipsum, dolor, sit, amet, consectetur, adipiscing, elit, ultrices, non, pharetra, eros, enim, habitant, suspendisse, ultricies, config, craft, let, includes, expertly, crafted, set, defaults, customized, mouse, cursor, extend, tweak, change, m13, 9l0, 0v18l13, 0h15v18h17v0z, 0l8, m33, 16s1, 4v16zm28, circle, 0l9, 6l8, 16s16, 16s25, 0h2v18h0v0zm4, 9l13, 9v18l4, 5a2, 2h10a2, 2v16l, 5l5, 21v5z, tabular, nums, 4550, valuemax, valuemin, 1456, valuenow, progressbar, role, episode, uppercase, png, those, blinds, people, open, phone, 2am, background, article, index, rose, parsons, attendees, meeting, kitchener, location, est, thu, nov, 2020, date, weekly, frameworks, keep, old, school, directive, repeated, patterns, copying, pasting, key, map, isactive, classname, return, function, default, export, ford, healthy, nicholas, denver, intermediate, southern, fried, chicken, sandwich, douglas, juiciest, blade, vue, repeating, them, template, partial, boom, single, source, changes, place, duplication, driven, dashed, avatar, url, 4a4, 000, 8zm2, 8a6, 1110, 476l4, 817, 817a1, 816, 816a6, top, 5a1, 1v3h3a1, 2h7v3a1, 3h2a1, 2h3v6a1, customer, success, onboarding, emails, human, resources, benefits, plan, engineering, style, something, stick, beginning, fancy, invented, ourselves, disabled, interior, 691c, 603, 902, 0l1, 69h3, 462c, 969, 372, 588, 81l, 364, 292c, 755, 688, 176, 783, 363, 381, 587, 81h7, 03a1, 69l9, 69z, 3xl, 2xl, workcation, watch, magically, specific, breakpoint, wrestling, bunch, complex, media, queries, lets, designs, mobile, 586l4, 111, 414l11, 10l4, 414l10, 414l8, 586, 707a1, 414z, anyone, link, successfully, saved, 12l2, 4m6, 2a9, 0118, linejoin, appearance, bottom, tracking, tight, 5xl, whitespace, nowrap, pill, content, lines, purged, 413, automatically, removes, which, means, final, bundle, smallest, possibly, fact, most, ship, less, than, 10kb, performance, free, shipping, continental, orders, 172a4, 015, 343l1, 171a4, 115, 656l10, 657l, 828, 829a4, 656z, bag, buy, submit, checked, stock, wrap, because, low, level, encourages, site, twice, completely, different, look, next, whatever, constraints, littering, stylesheets, arbitrary, values, consistent, choices, else, well, engineered, constraint, based, looked, unpleasant, hooked, didn, spent, day, poc, wish, around, company, considering, complete, rebuild, ruby, ios, after, finally, two, weeks, hand, skeptic, designer, past, months, amazing, already, some, before, clicked, head, learning, nuxt, working, ten, years, life, easier, still, etc, quicker, programmer, trendyminds, officially, train, thought, ridiculously, fast, flexible, javascript, there, thing, once, handful, pain, ass, came, job, wondering, dev, implement, days, convert, personal, web, loved, very, moment, software, instantly, fell, modifiers, thorough, palettes, sara, vieira, codesandbox, skills, good, looking, wanted, vercel, recommend, programming, today, remix, training, creator, adam, wathan, written, traditional, semantic, are, reason, hard, believe, try, suppress, urge, retch, long, enough, give, chance, really, wonder, worked, thousand, words, best, practices, 512, 384, click, copy, clipboard, npm, install, packed, composed, directly, markup, rotate, docs, ctrl, press, quick,

Text of the page (random words):
stack developer original tweet by madeline campbell there s one thing that sucks about tailwindcss once you ve used it on a handful of projects it is a real pain in the ass to write normal css again graeme houston javascript developer original tweet by graeme houston okay i m officially all in on the tailwindcss hype train never thought building websites could be so ridiculously fast and flexible aaron bushnell programmer trendyminds original tweet by aaron bushnell have been working with css for over ten years and tailwind just makes my life easier it is still css and you use flex grid etc but just quicker to write and maintain debbie o brien head of learning nuxt js original tweet by debbie o brien okay tailwindcss just clicked for me and now i feel like a idiot ken wheeler react engineer original tweet by ken wheeler i ve been using tailwindcss the past few months and it s amazing i already used some utility classes before but going utility first this is the way jad limcaco designer original tweet by jad limcaco after finally getting to use tailwindcss on a real client project in the last two weeks i never want to write css by hand again i was a skeptic but the hype is real luke redpath ruby ios developer original tweet by luke redpath i didn t think i was going to like tailwindcss spent a day using it for a poc love it i wish this had been around when we started our company design system seriously considering a complete rebuild jon bloomer front end developer original tweet by jon bloomer tailwindcss looked unpleasant at first but now i m hooked on it andrew gilliland front end developer original tweet by andrew gilliland constraint based an api for your design system utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values they make it easy to be consistent with color choices spacing typography shadows and everything else that makes up a well engineered design system learn more sizing color typography shadows width w 64 w 56 w 48 w 40 w 32 w 24 w 20 w 16 w 12 w 10 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 ul class space y 4 li div class w 64 h 3 bg gradient to br from fuchsia 500 to purple 600 div li li div class w 56 h 3 bg gradient to br from fuchsia 500 to purple 600 div li li div class w 48 h 3 bg gradient to br from fuchsia 500 to purple 600 div li li div class w 40 h 3 bg gradient to br from fuchsia 500 to purple 600 div li li div class w 32 h 3 bg gradient to br from fuchsia 500 to purple 600 div li li div class w 24 h 3 bg gradient to br from fuchsia 500 to purple 600 div li li div class w 20 h 3 bg gradient to br from fuchsia 500 to purple 600 div li li div class w 16 h 3 bg gradient to br from fuchsia 500 to purple 600 div li li div class w 12 h 3 bg gradient to br from fuchsia 500 to purple 600 div li li div class w 10 h 3 bg gradient to br from fuchsia 500 to purple 600 div li ul build anything build whatever you want seriously because tailwind is so low level it never encourages you to design the same site twice even with the same color palette and sizing scale it s easy to build the same component with a completely different look in the next project get started simple playful elegant brutalist 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 div class flex div class flex none w 48 relative img src classic utility jacket jpg alt class absolute inset 0 w full h full object cover div form class flex auto p 6 div class flex flex wrap h1 class flex auto text xl font semibold classic utility jacket h1 div class text xl font semibold text gray 500 110 00 div div class w full flex none text sm font medium text gray 500 mt 2 in stock div div div class flex items baseline mt 4 mb 6 div class space x 2 flex label input class w 9 h 9 flex items center justify center bg gray 100 rounded lg name size type radio value xs checked xs label label input class w 9 h 9 flex items center justify center name size type radio value s s label label input class w 9 h 9 flex items center justify center name size type radio value m m label label input class w 9 h 9 flex items center justify center name size type radio value l l label label input class w 9 h 9 flex items center justify center name size type radio value xl xl label div div class ml auto text sm text gray 500 underline size guide div div div class flex space x 3 mb 4 text sm font medium div class flex auto flex space x 3 button class w 1 2 flex items center justify center rounded md bg black text white type submit buy now button button class w 1 2 flex items center justify center rounded md border border gray 300 type button add to bag button div button class flex none flex items center justify center w 9 h 9 rounded md text gray 400 border border gray 300 type button aria label like svg width 20 height 20 fill currentcolor path fill rule evenodd clip rule evenodd d m3 172 5 172a4 4 0 015 656 0l10 6 343l1 172 1 171a4 4 0 115 656 5 656l10 17 657l 6 828 6 829a4 4 0 010 5 656z svg button div p class text sm text gray 500 free shipping on all continental us orders p form div performance it s tiny in production tailwind automatically removes all unused css when building for production which means your final css bundle is the smallest it could possibly be in fact most tailwind projects ship less than 10kb of css to the client learn more production build 2 413 4 kb purged 0 unused classes 0 lines fixed flex col rounded sm shadow px 4 justify content text center flex shrink 0 md text left h 16 w 16 md h 24 md w 24 rounded full mx auto text lg text purple 500 md text left text gray 600 text green 400 text blue 500 rounded pill p 4 max w screen xl mt 5 leading 7 whitespace nowrap sm gap 6 lg max w 4xl lg mx auto xl max w none flex 1 xl mx 0 xl grid cols 4 border border gray 200 text 4xl leading 6 leading 10 font extrabold leading 5 h 5 w 5 text green 500 text 5xl leading none font extrabold text white tracking tight border t text sm border indigo 600 py 4 font medium px 5 flex items center space x 3 text base leading 6 text white absolute right full ml 4 bottom 0 transform translate x 1 2 py 3 mx 4 w full duration 150 h full transition py 0 pl 4 pr 8 border transparent bg transparent text gray 500 px 5 py 3 appearance none underline bg indigo 700 min w full divide y divide gray 200 items baseline text indigo 600 hover text indigo 500 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 div class fixed inset 0 flex items end justify center px 4 py 6 pointer events none sm p 6 sm items start sm justify end div class max w sm w full bg white shadow lg rounded lg pointer events auto div class rounded lg shadow xs overflow hidden div class p 4 div class flex items start div class flex shrink 0 svg class h 6 w 6 text green 400 xmlns http www w3 org 2000 svg fill none viewbox 0 0 24 24 stroke currentcolor path stroke linecap round stroke linejoin round stroke width 2 d m9 12l2 2 4 4m6 2a9 9 0 11 18 0 9 9 0 0118 0z svg div div class ml 3 w 0 flex 1 pt 0 5 p class text sm font medium text gray 900 successfully saved p p class mt 1 text sm text gray 500 anyone with a link can now view this file p div div class ml 4 flex shrink 0 flex button class inline flex text gray 400 focus outline none focus text gray 500 transition ease in out duration 150 svg class h 5 w 5 xmlns http www w3 org 2000 svg viewbox 0 0 20 20 fill currentcolor path fill rule evenodd d m4 293 4 293a1 1 0 011 414 0l10 8 586l4 293 4 293a1 1 0 111 414 1 414l11 414 10l4 293 4 293a1 1 0 01 1 414 1 414l10 11 414l 4 293 4 293a1 1 0 01 1 414 1 414l8 586 10 4 293 5 707a1 1 0 010 1 414z clip rule evenodd svg button div div div div div div mobile first responsive everything wrestling with a bunch of complex media queries in your css sucks so tailwind lets you build responsive designs right in your html instead throw a screen size in front of literally any utility class and watch it magically apply at a specific breakpoint learn more workcation com entire house beach house in collingwood 4 94 128 collingwood ontario hosted by kevin francis check availability 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 div class grid grid cols 1 sm grid cols 2 sm px 8 sm py 12 sm gap x 8 md py 16 div class relative z 10 col start 1 row start 1 px 4 pt 40 pb 3 bg gradient to t from black sm bg none p class text sm font medium text white sm mb 1 sm text gray 500 entire house p h2 class text xl font semibold text white sm text 2xl sm leading 7 sm text black md text 3xl beach house in collingwood h2 div div class col start 1 row start 2 px 4 sm pb 16 div class flex items center text sm font medium my 5 sm mt 2 sm mb 4 svg width 20 height 20 fill currentcolor class text violet 600 path d m9 05 3 691c 3 921 1 603 921 1 902 0l1 07 3 292a1 1 0 00 95 69h3 462c 969 0 1 372 1 24 588 1 81l 2 8 2 034a1 1 0 00 364 1 118l1 07 3 292c 3 921 755 1 688 1 539 1 118l 2 8 2 034a1 1 0 00 1 176 0l 2 8 2 034c 783 57 1 838 197 1 539 1 118l1 07 3 292a1 1 0 00 363 1 118l 2 8 2 034c 784 57 381 1 81 587 1 81h7 03a1 1 0 00 95 69l9 05 3 69z svg div class ml 1 span class text black 4 94 span span class sm hidden md inline 128 span div div class text base font normal mx 2 div div collingwood ontario div div hr class w 16 border gray 300 hidden sm block div div class col start 1 row start 3 space y 3 px 4 p class flex items center text black text sm font medium img src kevin francis jpg alt class w 6 h 6 rounded full mr 2 bg gray 100 hosted by kevin francis p button type button class bg violet 100 text violet 700 text base font semibold px 6 py 2 rounded lg check availability button div div class col start 1 row start 1 flex sm col start 2 sm row span 3 div class w full grid grid cols 3 grid rows 2 gap 2 div class relative col span 3 row span 2 md col span 2 img src beach house jpg alt class absolute inset 0 w full h full object cover bg gray 100 sm rounded lg div div class relative hidden md block img src beach house interior jpg alt class absolute inset 0 w full h full object cover rounded lg bg gray 100 div div class relative hidden md block img src beach house view jpg alt class absolute inset 0 w full h full object cover rounded lg bg gray 100 div div div div state variants hover and focus states we got em want to style something on hover stick hover at the beginning of the class you want to add works for focus active disabled focus within focus visible and even fancy states we invented ourselves like group hover learn more projects new title api integration category engineering users title new benefits plan category human resources users title onboarding emails category customer success users new project 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 section class px 4 sm px 6 lg px 4 xl px 6 pt 4 pb 4 sm pb 6 lg pb 4 xl pb 6 space y 4 header class flex items center justify between h2 class text lg leading 6 font medium text black projects h2 button class hover bg light blue 200 hover text light blue 800 group flex items center rounded md bg light blue 100 text light blue 600 text sm font medium px 4 py 2 svg class group hover text light blue 600 text light blue 500 mr 2 width 12 height 20 fill currentcolor path fill rule evenodd clip rule evenodd d m6 5a1 1 0 011 1v3h3a1 1 0 110 2h7v3a1 1 0 11 2 0v 3h2a1 1 0 110 2h3v6a1 1 0 011 1z svg new button header form class relative svg width 20 height 20 fill currentcolor class absolute left 3 top 1 2 transform translate y 1 2 text gray 400 path fill rule evenodd clip rule evenodd d m8 4a4 4 0 100 8 4 4 0 000 8zm2 8a6 6 0 1110 89 3 476l4 817 4 817a1 1 0 01 1 414 1 414l 4 816 4 816a6 6 0 012 8z svg input class focus border light blue 500 focus ring 1 focus ring light blue 500 focus outline none w full text sm text black placeholder gray 500 border border gray 200 rounded md py 2 pl 10 type text aria label filter projects placeholder filter projects form ul class grid grid cols 1 sm grid cols 2 lg grid cols 1 xl grid cols 2 gap 4 li x for item in items a href item url class hover bg light blue 500 hover border transparent hover shadow lg group block rounded lg p 4 border border gray 200 dl class grid sm block lg grid xl block grid cols 2 grid rows 2 items center div dt class sr only title dt dd class group hover text white leading 6 font medium text black item title dd div div dt class sr only category dt dd class group hover text light blue 200 text sm font medium sm mb 4 lg mb 0 xl mb 4 item category dd div div class col start 2 row start 1 row end 3 dt class sr only users dt dd class flex justify end sm justify start lg justify end xl justify start space x 2 img x for user in item users src user avatar alt user name width 48 height 48 class w 7 h 7 rounded full bg gray 100 border 2 border white dd div dl a li li class hover shadow lg flex rounded lg a href new class hover border transparent hover shadow xs w full flex items center justify center rounded lg border 2 border dashed border gray 200 text sm font medium py 4 new project a li ul section component driven worried about duplication don t be if you re repeating the same utilities over and over and over again all you have to do is extract them into a component or template partial and boom you ve got a single source of truth so you can make changes in one place learn more react vue blade featured popular recent hank s juiciest beef burger rating 4 94 time 20 m difficulty easy servings 4 servings by hank douglas southern fried chicken sandwich rating 4 94 time 30 m difficulty intermediate servings 4 servings by nicholas denver lily s healthy beef burger rating 4 94 time 20 m difficulty easy servings 6 servings by lily ford recipes js nav js navitem js list js listitem js recipes js nav js navitem js list js listitem js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 import nav from nav js import navitem from navitem js import list from list js import listitem from listitem js export default function recipes recipes return div classname divide y divide gray 100 nav navitem href featured isactive featured navitem navitem href popular popular navitem navitem href recent recent navitem nav list recipes map recipe listitem key recipe id recipe recipe list div not into component frameworks and like to keep it old school use tailwind s apply directive to extract repeated utility patterns into custom css classes just by copying and pasting the list of class names learn more weekly one on one date and time thu nov 15 2020 10 00am 11 00am est location kitchener on description no meeting description attendees andrew parsons decline accept styles css 1 2 3 4 5 6 7 8 9 10 11 12 btn apply text base font medium rounded lg p 3 btn primary apply bg rose 500 text w...