refactor(style): responsive layout
This commit is contained in:
		
							parent
							
								
									483cf66db9
								
							
						
					
					
						commit
						2df3f53b78
					
				| @ -5,7 +5,7 @@ import ToolCard from '../components/ToolCard.vue'; | |||||||
| 
 | 
 | ||||||
| <template> | <template> | ||||||
|     <div class="home-page"> |     <div class="home-page"> | ||||||
|         <n-grid x-gap="12" y-gap="12" :cols="3"> |         <n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8"> | ||||||
|             <n-gi v-for="tool in toolsWithCategory" :key="tool.name"> |             <n-gi v-for="tool in toolsWithCategory" :key="tool.name"> | ||||||
|                 <tool-card :tool="tool" /> |                 <tool-card :tool="tool" /> | ||||||
|             </n-gi> |             </n-gi> | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user