Tailwind CSS 主页

展示

The Verge

Screenshot of the Verge home page. The header contains the Verge logo and main site navigation. The Verge logo is also displayed down the left side of the screen, on its side. The featured article's title and image is in the center of the screen. On the right side there is a 'storystream' with blocks of text summarising additional stories.
技术
Tailwind CSS、Next.js、React
日期
网址
www.theverge.com
访问网站

The Verge

为超过 5000 万月度读者提供科技新闻。

The Verge 是 Vox Media 旗下的科技新闻网站。The Verge 网站最近进行了重新设计，新网站是一个使用 Tailwind CSS 构建的 Next.js 应用程序。

Screenshot of the 'Entertainment' section of the Verge website. The page title is displayed in large lettering at the top of the screen. Below is an introduction paragraph followed by two side-by-side images from entertainment articles.
The Verge 网站上娱乐类别或标签的标题。
Screenshot of an article on the Verge website. The header contains the Verge logo and main site navigation. The article title is displayed in large lettering alongside a summary paragraph and article meta data such as authors, publish date, category, and number of comments. In the lower half of the screen is a featured image.
The Verge 网站上的一篇文章标题，左侧有文章元数据和分享选项。类别或标签显示在标题上方。
Mobile screenshot of the Verge home page. The header contains the Verge logo and a menu button. The featured article's title, summary, and image appear in the center of the screen. Underneath is a 'storystream' containing additional articles.
Mobile screenshot of the Verge site navigation. The navigation covers the whole screen and has a search bar and close button at the top. Below that is a list of page links to the various site sections such as 'Science' or 'Reviews'.
Mobile screenshot of an article on the Verge website. The header contains the Verge logo and a menu button. The article title is displayed in large lettering alongside a summary paragraph and article meta data such as authors, publish date, category, and number of comments. In the lower half of the screen is a featured image.
The Verge 在移动设备上的阅读体验，包括网站导航的外观。
Screenshot of an article on the Verge website. The header contains the Verge logo and main site navigation. The article title is displayed in large lettering alongside a summary paragraph and article meta data such as authors, publish date, category, and number of comments. On the left side of the screen is a featured image.
一篇文章，其中特色图片显示在标题左侧而不是下方。
Screenshot of the Verge home page. The visible section lists articles in two columns. In the first column article titles are accompanied by small square images. On the right side (labelled 'Must Reads') articles are numbered one through five from top to bottom.
一个包含不同类别文章链接和必读文章列表的部分。