All comments

• 

  Aruj Joshi• 290

  @gtalin

  Submitted about 1 year ago

  Displaying a wave pattern without using another div was a bit tricky. Used a before pseudo-element for displaying the wave pattern. Initially used the content property but that did not give much control over the size and locaition of the image. So used the background-image property on the before pseudo-element instead.

  

  Responsive order summary component using flexbox and tailwind

  #tailwind-css

  1

  6

  0

  

  Ferdi Tondeur• 100

  @ferditondeur

  Posted about 1 year ago

  I'm no expert and especially not at using Tailwind, but as far as I can see, the background issue could be fixed much more easily. This was my solution for the matter:

  body {
    background: url('images/pattern-background-desktop.svg') #e0e8ff;
    background-repeat: repeat-x;
    background-position-x: 50%;
  }
  
  If I'm overstepping, please let me know. Not sure how experienced you are with CSS, but to me Tailwind still seems intimidating, so good for you :)
  

  Marked as helpful

  1

  This comment has received 1 replyShow