Use CSS Grid instead of Flex for Nav Links

  • pomegranberry

    (@pomegranberry)


    5 months ago

    Using CSS Flex, the icons and the labels are wonkey. In some nav links, the icons are smaller so the label is not aligned to the left. It makes for an uneven appearance.

    If you use CSS grid and use grid-template-columns: minmax(0,16px) minmax(0,1fr), the icons and labels are perfectly aligned.
    Just a suggestion for a neater appearance. It’s just not right to see something so small negatively affect a beautiful job done by your team.

  • You must be logged in to reply to this review.