In this video we continue the work we started in part 1 (   • Live coding a tricky design for a rea...  .
If you didn't see that one, maybe check that out first.

To finish the design I have to work through rather tricky CSS issues and you can follow my entire though process. I didn't cut anything out :)

Chapters

00:00 Introduction
01:24 Fixing Width and Spacing Issues
27:16 ProblemSolving in Web Development
31:04 Resolving Spacing and Alignment Issues
36:26 Exploring Different Solutions
49:43 The Importance of Responsive Design
55:15 Seeking Feedback and Alternative Solutions



We use TailwindCSS, JSX in Typescript and all that good stuff.

My goal is to make completely transparent how I approach implementing a design so you can follow my though process.

#tailwindcss #tailwind #remix #react #typescript #css #livecode


Keywords

website component, responsiveness, width, spacing, gradients, maxwidth, negative margins, SVGs, rounded dots, CSS, design principles, responsive layout, spacing, alignment, overlapping elements, calc function, absolute positioning, responsive design