We started with basic HTML and the importance of Semantic Tags. We moved ahead to learn about the most important CSS Tags, Display and Property. By using these properties and its corresponding helped properties you can create any layout. We also discussed a lot about how divisions should be made into proper rows and columns. This helps in responsiveness. By properly using flexbox, we just need to add one property to make things responsive. Grid has its benefits too, I honestly believe both are great but you for beginners flex makes more sense. The designing part of element depends on its margin, padding, font, colors, background, borders, hover/active states and lots more. I made a step-by-step procedure below, following which you can achieve almost any design. We also looked over tailwindcss and how it cuts our design time by a huge margin. The utility-based styling system is perfect. I firmly believe it is the greatest css framework out there.
