zlsyx
zlsyx
PostsComments
KPCKevin Powell - Community
Created by zlsyx on 11/29/2024 in #front-end
Why having li element of image where they are all centered shows them misaligned?
https://play.tailwindcss.com/6FcNTl4Jtw
19 replies
KPCKevin Powell - Community
Created by zlsyx on 11/29/2024 in #front-end
Why having li element of image where they are all centered shows them misaligned?
tried inline, inline-block for the display property and it's still not aligned
19 replies
KPCKevin Powell - Community
Created by zlsyx on 11/29/2024 in #front-end
Why having li element of image where they are all centered shows them misaligned?
It makes even the regular CSS that I'm trying to use behave in a weird way.
19 replies
KPCKevin Powell - Community
Created by zlsyx on 11/29/2024 in #front-end
Why having li element of image where they are all centered shows them misaligned?
This is the first time I am using TailwindCSS and it's a bad start lmfao.
19 replies
KPCKevin Powell - Community
Created by zlsyx on 11/29/2024 in #front-end
Why having li element of image where they are all centered shows them misaligned?
No description
19 replies
KPCKevin Powell - Community
Created by zlsyx on 11/29/2024 in #front-end
Why having li element of image where they are all centered shows them misaligned?
  <ul className="flex items-center">
        <li>
          <img src="logo.svg" alt="logo" className='inline' />
        </li>
        <li>
          Text
        </li>
      </ul>
      <hr />
      <ul className="cssUl">
        <li>
          <img src="logo.svg" alt="logo" />
        </li>
        <li>
          Collections
        </li>
      </ul>
  <ul className="flex items-center">
        <li>
          <img src="logo.svg" alt="logo" className='inline' />
        </li>
        <li>
          Text
        </li>
      </ul>
      <hr />
      <ul className="cssUl">
        <li>
          <img src="logo.svg" alt="logo" />
        </li>
        <li>
          Collections
        </li>
      </ul>
19 replies
KPCKevin Powell - Community
Created by zlsyx on 11/29/2024 in #front-end
Why having li element of image where they are all centered shows them misaligned?
It just doesn't make sense, for example, in here it appears aligned but the code is in CSS which should be same as the TailwindCSS: https://jsfiddle.net/m75pxkn2/
19 replies
KPCKevin Powell - Community
Created by zlsyx on 11/29/2024 in #front-end
Why having li element of image where they are all centered shows them misaligned?
>I'm sure they are centered but i guess you expected they would line up with the text of the logo ?? Of course. That's the default expectations when all elements are centered vertically.
19 replies
KPCKevin Powell - Community
Created by zlsyx on 11/29/2024 in #front-end
Why having li element of image where they are all centered shows them misaligned?
@Mannix It seems there is some space there but padding is 0. Why would trimming the height of the logo solve the issue?
19 replies
KPCKevin Powell - Community
Created by zlsyx on 11/29/2024 in #front-end
Why having li element of image where they are all centered shows them misaligned?
No description
19 replies