Grid layouts
Design the following responsive layouts using CSS Flex & Grid
React-Assignment-2
1. Consider the following component hierarchy . Root component have 6 Products components as children. Create one Product component and reuse it for 6 times , each time passing different data as props( product image, name, brand, price) The final UI should have 3 products in each row. Use CSS flex. Use the following products array for sample data set [ { id: 1, title: "Fjallraven - Foldsack No. 1 Backpack, Fits 15 Laptops", price: 109.95, description: "Your perfect pack for everyday use and walks in the forest. Stash your laptop (up to 15 inches) in the padded sleeve, your everyday", category: "men's clothing", image: "https://fakestoreapi.com/img/81fPKd-2AYL._AC_SL1500_.jpg", rating: { rate: 3.9, count: 120 } }, { id: 2, title: "Mens Casual Premium Slim Fit T-Shirts ", ...
This comment has been removed by the author.
ReplyDelete