I'm Shyam, a CE student and creative coder and self-proclaimed designer. I make it my mission to translate user-focused designs into pixel-perfect websites.
I made rode.com home page clone using Tailwind css only
I Deployed my Project on Netlify and Vercel. so you can check it out 👇
https://rrode.netlify.app/recommended
-
CDN Tailwind css
<!-- paste inside head tag --> <script src="https://cdn.tailwindcss.com"></script>
-
Font
<script> module.exports = { theme: { fontFamily: { 'segoe': ['Segoe UI Regular'], } } } </script>
-
CDN Flowbites(only for navbar)
<!-- put this in side head --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></scrip> <!-- put this one befor body end --> <script src="https://unpkg.com/[email protected]/dist/flowbite.js"></script>
-
ION Icon cdn
<!-- paste before body tag get closed --> <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
- I learned about how we can modify tailwind config
- Learned about how we can add external fonts
- I learned how we use tailwind css to build responsive web pages
- I learned about how we can create different layouts using tailwind css