All comments

• 

  Martina Ďuríková•40

  @TinaMoofSubmitted 9 months ago

  Could not find how to put space between the bullet and item in the lists, any suggestions?

  

  Recipe page HTML, CSS

  1

  60
  

  at33v•40

  @at33vPosted 9 months ago

  Hello, try using padding-left for the li elements.

  0
• 

  P

  Flávia Reis•650

  @flaviare1sSubmitted 9 months ago

  I did the challenge using Tailwind. I had difficulty with backgroud-image.

  

  Responsive page using Tailwind.

  2

  80
  

  at33v•40

  @at33vPosted 9 months ago

  Hello, in your output.css file, there is no class for the background. Perhaps you forgot to run the CLI.

  You can add a background in various ways, here are a few of them:

  1. Tailwind class bg-[url('../images/bg-pattern-top-desktop.svg'),url('../images/bg-pattern-bottom-desktop.svg')]
  2. Tailwind config 'pattern-desktop': "url('../images/bg-pattern-top-desktop.svg'), url('../images/bg-pattern-bottom-desktop.svg')",
  3. Custom class

  @layer components {
    .my-custom-style {
      background-image: url('../images/bg-pattern-top-desktop.svg'), url('../images/bg-pattern-bottom-desktop.svg');
      background-repeat: no-repeat;
      background-position: left top, right bottom;
    }
  }
  

  Marked as helpful

  0

  This comment has received 11 repliesShow
• 

  Craig•190

  @cchiversSubmitted 9 months ago

  I need some help with the responsiveness of this site. Desktop was not that bad, but dealing with the mobile version I am cutting off the first element a little and if I resize the page then I can cut off more. How can I bring the element down? I don't know if this is cause of my code and I am doing this or if I should be setting something. Any help will be appreciative.

  

  3 Column Preview Card Component - Vanilla HTML/CSS

  2

  60
  

  at33v•40

  @at33vPosted 9 months ago

  Hello, try doing the following:

  1. Replace height: 100vh with min-height: 100vh on the body element.

  0
• 

  Rishabh Dhawan•30

  @j-lrSubmitted 9 months ago

  Responsive design mode on safari on macOS contains minor horizontal scroll for iPhoneSE but on chrome (on same macOS) for iPhoneSE dimensions no horizontal scrolling is present, so I am confused which one is correct?

  

  css grid tailwind-css

  1

  40
  

  at33v•40

  @at33vPosted 9 months ago

  Hello, try doing the following:

  1. Reduce the gap(gap-16) on the element with the identifier id

  The issue is that a large gap is possibly pushing the content, causing a scroll bar to appear.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  P

  Alex•60

  @aseptimuSubmitted 9 months ago

  I have a gap when it is 2 card in row. How can i avoid it?

  

  Simple html + css using flexbox solution

  2

  40
  

  at33v•40

  @at33vPosted 9 months ago

  Hello, try doing the following:

  1. Remove margin: auto from the .card class
  2. Add justify-content: center to the main element

  1

  This comment has received 1 replyShow