resources.md

Users List Application

Assets

https://assets.ccbp.in/frontend/react-js/esther-howard-img.png
https://assets.ccbp.in/frontend/react-js/floyd-miles-img.png
https://assets.ccbp.in/frontend/react-js/jacob-jones-img.png
https://assets.ccbp.in/frontend/react-js/devon-lane-img.png

App.css

.list-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.title {
  font-family: 'Roboto';
  font-size: 32px;
  color: #183b56;
  margin-bottom: 30px;
}

UserProfile/index.css

.user-card-container {
  display: flex;
  align-items: center;
  border-radius: 12px;
  margin-bottom: 30px;
}

.avatar {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}

.user-details-container {
  margin-left: 12px;
}

.user-name {
  font-size: 18px;
  color: #12022f;
  font-family: 'Roboto';
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 8px;
}

.user-designation {
  font-family: 'Roboto';
  font-size: 14px;
  color: #594d6d;
  margin: 0px;
}