播客频道站点搭建

响应式布局

1260px：

podcasts.apple.com_us_podcast_crime-junkie_id132220

podcasts.apple.com_us_podcast_crime-junkie_id1322200189 (1)

1000px：

podcasts.apple.com_us_podcast_crime-junkie_id1322200189 (5)

podcasts.apple.com_us_podcast_crime-junkie_id1322200189 (4)

podcasts.apple.com_us_podcast_crime-junkie_id1322200189 (3)

484px

podcasts.apple.com_us_podcast_crime-junkie_id1322200189 (7)

podcasts.apple.com_us_podcast_crime-junkie_id1322200189 (9)

![podcasts.apple.com_us_podcast_crime-junkie_id1322200189 (8)](https://raw.githubusercontent.com/huyixi/Pics/main/uPic/podcasts.apple.com_us_podcast_crime-junkie_id1322200189 (8).png)

TailwindCSS 的响应式布局尺寸：

Breakpoint prefixMinimum widthCSS
sm640px@media (min-width: 640px) { ... }
md768px@media (min-width: 768px) { ... }
lg1024px@media (min-width: 1024px) { ... }
xl1280px@media (min-width: 1280px) { ... }
2xl1536px@media (min-width: 1536px) { ... }