card componet wirh HTML/CSS

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 12 months ago

  Hello, Jeffrey!

  Your project looks great!

  I had quite a hard time myself trying to place that background correctly 😅!

  If you want to nail it, here's how you can do it:

  background-color: var(--Dark-cyan);
  background-image: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: right 52vw bottom 35vh, left 48vw top 52vh;
  

  It's not like you really need it, because I think you already did a great job.

  Anyway, I hope it helps!

  Marked as helpful

  0

  ---

  

  Jeffrey Hill•100

  @webdevhillPosted 12 months ago

  hey @danielmrz-dev,

  thanks for those position numbers, I was "eyeballing" them with the inspector tools

  my overall size is incorrect, the <hr> looks correct but some of my margins are slightly off

  ty!

  1

  

  Daniel 🛸•44,310

  @danielmrz-devPosted 12 months ago

  I'm glad I could help! 😊 @webdevhill

  0