Vì sao nhiều dự án sử dụng Tailwind CSS – Trang Chủ

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

div

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>mt-6<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

  

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

div

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>max-w-4xl px-10 py-6 bg-white rounded-lg shadow-md<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

    

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

div

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>flex justify-between items-center<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

      

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

span

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>font-light text-gray-600<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

Feb

14

,

2021

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

span

<

/

span

>

      

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

a

<

/

span

>

        

<

span

class

=

“token attr-name”

>

href

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>#<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

        

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>px-2 py-1 bg-gray-600 text-gray-100 font-bold rounded hover:bg-gray-500<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

        

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

PHP

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

a

<

/

span

>

      

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

    

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

div

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

    

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

div

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>mt-2<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

      

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

a

<

/

span

>

<

span

class

=

“token attr-name”

>

href

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>#<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>text-2xl text-gray-700 font-bold hover:underline<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

        

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

PHP

:

Array

to

Map

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

a

<

/

span

>

      

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

      

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

p

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>mt-2 text-gray-600<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

        

Lorem

ipsum

dolor

sit

,

amet

consectetur

adipisicing

elit

.

Tempora

        

expedita

dicta

totam

aspernatur

doloremque

.

Excepturi

iste

iusto

eos

        

enim

reprehenderit

nisi

,

accusamus

delectus

nihil

quis

facere

in

modi

        

ratione

libero

!

      

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

p

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

    

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

div

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

    

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

div

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>flex justify-between items-center mt-4<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

      

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

a

<

/

span

>

<

span

class

=

“token attr-name”

>

href

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>#<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>text-blue-500 hover:underline<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

Read

more

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

a

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

      

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

div

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

        

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

a

<

/

span

>

<

span

class

=

“token attr-name”

>

href

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>#<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>flex items-center<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

          

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

img

<

/

span

>

            

<

span

class

=

“token attr-name”

>

src

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>https://images.unsplash.com/photo-1531251445707-1f000e1e87d0?ixlib=rb-1.2.1<span class=”

token

entity

” title=”

&

amp

;

“>&amp;amp;</span>ixid=eyJhcHBfaWQiOjEyMDd9<span class=”

token

entity

” title=”

&

amp

;

“>&amp;amp;</span>auto=format<span class=”

token

entity

” title=”

&

amp

;

“>&amp;amp;</span>fit=crop<span class=”

token

entity

” title=”

&

amp

;

“>&amp;amp;</span>w=281<span class=”

token

entity

” title=”

&

amp

;

“>&amp;amp;</span>q=80<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

            

<

span

class

=

“token attr-name”

>

alt

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>avatar<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

            

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>mx-4 w-10 h-10 object-cover rounded-full hidden sm:block<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

          

<

span

class

=

“token punctuation”

>

/

&

gt

;

<

/

span

>

<

/

span

>

          

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

<

/

span

>

h1

<

/

span

>

<

span

class

=

“token attr-name”

>

class

<

/

span

>

<

span

class

=

“token attr-value”

>

<

span

class

=

“token punctuation”

>=

<

/

span

>

<

span

class

=

“token punctuation”

>

“</span>text-gray-700 font-bold hover:underline<span class=”

token

punctuation

“>”

<

/

span

>

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

Lisa

Way

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

h1

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

        

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

a

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

      

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

div

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

    

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

div

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

  

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

div

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>

<

span

class

=

“token tag”

>

<

span

class

=

“token tag”

>

<

span

class

=

“token punctuation”

>

&

lt

;

/

<

/

span

>

div

<

/

span

>

<

span

class

=

“token punctuation”

>

&

gt

;

<

/

span

>

<

/

span

>