All solutions

• 
  Submitted 6 days ago

  Time Tracking Dashboard using SvelteKit and TailwindCSS

  • HTML
  • CSS
  • JS

  0

  20
• 
  Submitted 8 days ago

  Newsletter Sign-up Form using SvelteKit and Tailwind CSS

  • HTML
  • CSS
  • JS

  0

  20
• 
  Submitted 9 days ago

  Article Preview Component using SvelteKit and Tailwind CSS

  • HTML
  • CSS
  • JS

  0

  20
• 
  Submitted 11 days ago

  Meet Landing Page using Tailwind CSS

  • HTML
  • CSS

  0

  00
• 
  Submitted 13 days ago

  Testimonials Grid Section using Tailwind CSS

  • HTML
  • CSS

  1

  60

  ---

  I feel like even though I followed the design spec and properly calculated my rems, it feels like the cards still don't match the width like in the design. I tried adjusting the grid gap and the grid container width, but I still couldn't get the paragraphs to line up exactly like the design. I'm not sure what my next step would be unless it is changing the root font size and adjusting my rems based on that change.

• 
  Submitted 14 days ago

  Four Card Feature Section using TailwindCSS

  • HTML
  • CSS

  1

  20
• 
  Submitted about 2 months ago

  Product Preview Card using Tailwind CSS

  • HTML
  • CSS

  1

  40
• 
  Submitted about 2 months ago

  Recipe Page using Tailwind CSS

  • HTML
  • CSS

  1

  40
• 
  Submitted about 2 months ago

  Social Links Profile using Tailwind CSS

  • HTML
  • CSS

  1

  10
• 
  Submitted 4 months ago

  Blog Preview Card using TailwindCSS

  • HTML
  • CSS

  1

  30
• 
  Submitted 4 months ago

  QR Code Component using TailwindCSS

  • HTML
  • CSS

  1

  31

  ---

  1. Is my centering method utilizing CSS Grid and the min-height property valid?
  2. How would you approach design to code with only the images and style guide? Would you try to mock it out in a wireframe first based on the style guide? What are the best approaches you've found?