Digit touch in line

  • The issue in the image seems to be related to the alignment or the presence of numbers “0,” “1,” “2,” and “3” in the first column, which are likely meant to represent a numbered list corresponding to the four freedoms of free software (as outlined by the Free Software Foundation). However, these numbers are misaligned or formatted in a way that causes them to overlap or appear unusually large compared to the text next to them. This is likely a design or CSS issue in the webpage layout.

    Possible causes:

    1. CSS Styling Issue: The numbers could be rendered with an oversized font or improper line height, causing the large visual discrepancy.
    2. HTML Table Layout: The layout may use a table structure where the column for numbers is not sized appropriately for the content.
    3. Font Scaling: A specific font size or styling might be applied to the numbers that is not applied to the accompanying text.

    This is image https://prnt.sc/DUdtmyidC5hh

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • The lines with the big digits with [class*="wporg-about-section-freedom-"] have a negative margin of -30px, pulling it higher and covering the bottom of the digit in the line before.

    [class*=wporg-about-section-freedom-] {
    -webkit-margin-after:-30px!important;
    margin-block-end:-30px!important;
    position:relative
    }

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.