Hash Task-Board Challenge

This challenge expects to create a Task Board. It is the layout and appearance that is important, not functionality. The page does not have to be responsive.

Output

Requirements:

• use the following colors for respective elements:
  • Main background : bg-blue-200
  • Navigation background: bg-white
  • Text color: text-gray-700
  • Column background: bg-gray-100
  • Card color: bg-white
• Use Flexbox
• Tailwind CSS is recommended for the assignment

Submission

1. Clone the repo
2. Create a new branch with your name for eg., name-hash-task-board-challenge
3. Push the branch once you complete the challenge
4. Create a Pull Request
5. Only submissions with Pull Requests are considered

Checkpoint 1

• Style the containers and elements
• Note: Colors are temporary - you can give them to check the positions

Checkpoint 2

• Add the HTML elements for the Navigation
• Style the elements
• Use the "logo.svg" for your logo
• Use the avatar image url for the User profile : https://images.unsplash.com/photo-1633332755192-727a05c4013d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=580&q=80

Checkpoint 3

• Add the Card with a shadow
• Add elements for the content
• Use the following avatar image urls:
  • https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=3&w=144&h=144&q=80
  • https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=580&q=80
  • https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=461&q=80

Checkpoint 4