要获取并使tailwind css设计响应式，你需要按照以下步骤进行操作：

1. 首先，确保你已经安装了tailwind css。你可以通过npm或者yarn来安装它。如果你还没有安装，请运行以下命令来安装tailwind css：

npm install tailwindcss

或者

yarn add tailwindcss

2. 在项目的根目录下，创建一个新的文件夹，命名为styles。在该文件夹中，创建一个名为tailwind.css的新文件。

3. 打开tailwind.css文件，并将以下代码复制粘贴到该文件中：

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

这些代码将导入tailwind css的基础、组件和实用工具样式。

4. 在你的HTML文件的标签内，添加以下代码来引入tailwind.css文件：

确保将/styles/tailwind.css更改为正确的路径，以便找到和加载该文件。

5. 现在你可以开始使用tailwind css的类来设计你的网页了。例如，你可以使用w-full类将一个元素的宽度设置为100%：

  这个元素的宽度将占据其父元素的100%。

6. 要使tailwind css设计响应式，你可以使用tailwind css提供的响应式类。例如，你可以使用sm:w-1/2类在小屏幕上将元素的宽度设置为50%：

  这个元素在小屏幕上的宽度将为50%。

这样，在小屏幕上，该元素的宽度将为父元素的一半。

通过按照上述步骤操作，你就可以获取tailwind css设计并使其响应式了。你可以根据你的需求使用tailwind css的各种类来设计和布局你的网页。记得查阅tailwind css的文档以了解更多可用的类和样式。