All comments

• 

  Martina Ďuríková•40

  @TinaMoofSubmitted 10 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 10 months ago

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

  0
• 

  P

  Flávia Reis•650

  @flaviare1sSubmitted 10 months ago

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

  

  Responsive page using Tailwind.

  2

  80
  

  at33v•40

  @at33vPosted 10 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 10 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 10 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 10 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 10 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 10 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 10 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