Updated sample-pagination

Author: ronak232

sample-pagination

@@ -82,3 +82,62 @@ export default function App() {
 }
 
 // export default App;
+
+Css
+.products {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  column-gap: 4px;
+  flex-wrap: wrap;
+}
+.products-card {
+  width: 30%;
+  max-height: 400px;
+  height: auto;
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  padding: 0 16px 16px;
+  cursor: pointer;
+  background-color: cornsilk;
+}
+
+.products-card img {
+  width: 100%;
+  max-height: 220px;
+  height: 100%;
+  object-fit: contain;
+}
+
+.products-card h1 {
+  font-size: 16px;
+  font-weight: 600;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.pagination {
+  display: flex;
+  justify-content: center;
+  gap: 12px;
+  margin: 14px auto;
+}
+
+.pagination > button {
+  border: 1px solid rgb(168, 163, 163);
+  background-color: antiquewhite;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.pagination .prev {
+  background-color: transparent;
+  border: none;
+}
+
+.pagination .next {
+  background-color: transparent;
+  border: none;
+}
+.pagination .active {
+  background-color: aqua;
+}
+