kodaliakhil / react-code-prac-3 Goto Github PK

• Extra Small (Size < 576px), Small (Size >= 576px), and Medium (Size >= 768px)
• Large (Size >= 992px) and Extra Large (Size >= 1200px)

• Download dependencies by running npm install
• Start up the app using npm start

The app must have the following functionalities

• The App is provided with cardsList. It consists of a list of cardItem objects with the following properties in each cardItem object

  Key	Data Type
  id	Number
  title	String
  description	String
  imgUrl	String
  className	String

• The value of the key id should be used as a key to the CardItem component.

• The value of the key className should be used for the HTML list item in the CardItem component.

Use these files to complete the implementation:

• src/App.js
• src/App.css
• src/components/CardItem/index.js
• src/components/CardItem/index.css

The following instructions are required for the tests to pass

• Each CardItem should have an HTML image element with alt attribute value as the value of the key title in cardsList

• Roboto