Back to blog
Programming
Solution for Shades of Blue Challenge in Tailwind
Last updated at 07-02-2023
<html>
<head>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="">
<div class="bg-blue-100 w-5 h-6"></div>
<div class="bg-blue-200 w-5 h-6"></div>
<div class="bg-blue-300 w-5 h-6"></div>
<div class="bg-blue-400 w-5 h-6"></div>
<div class="bg-blue-500 w-5 h-6"></div>
<div class="bg-blue-600 w-5 h-6"></div>
<div class="bg-blue-700 w-5 h-6"></div>
<div class="bg-blue-800 w-5 h-6"></div>
<div class="bg-blue-900 w-5 h-6"></div>
</body>
</html>
One of the reasons we actually gave you this challenge is because we want you to see how these shades of blue really work together. Take a look at each color. Each one is really built on the one before and really builds up to the next one. So they can use conjunction with each other without clashing which is awesome.
We hope you’ve learnt how the Tailwind team really took care of creating color schemes that look professional and modern. So, with the challenge complete, let’s move on to the next lesson.
Related post
Programming
What is Machine Learning and what is the scope of Machine Learning in ...
Last updated at 19-11-2021
