diff --git a/_posts/statistics/partnership stats/2023-08-03-partnerships_in_modern_business.md b/_posts/statistics/partnership stats/2023-08-03-partnerships_in_modern_business.md index 99370026a2..d3a75d7dee 100644 --- a/_posts/statistics/partnership stats/2023-08-03-partnerships_in_modern_business.md +++ b/_posts/statistics/partnership stats/2023-08-03-partnerships_in_modern_business.md @@ -21,7 +21,7 @@ permalink: /statistics/partnerships/modern-business/ display: flex; /* Aligns the buttons in a row */ justify-content: space-between; /* Distributes space evenly between buttons */ gap: 10px; /* Adds space between each button */ - flex-wrap: nowrap; /* Prevents buttons from wrapping to the next line */ + flex-wrap: wrap; /* Allows buttons to wrap to the next line if needed */ } .main-button { @@ -36,7 +36,7 @@ permalink: /statistics/partnerships/modern-business/ text-decoration: none; /* Removes underline from the text */ transition: transform 0.3s, box-shadow 0.3s; /* Adds smooth transition effects */ box-shadow: 0 4px 6px rgba(0, 99, 160, 0.2); /* Adds a shadow for depth */ - flex: 1 1 22%; /* Ensures four buttons fit across the page */ + flex: 1 1 calc(25% - 20px); /* Ensures four buttons fit across the page */ margin: 5px; /* Adds margin around each button */ white-space: nowrap; /* Ensures text stays on one line */ } @@ -52,6 +52,12 @@ permalink: /statistics/partnerships/modern-business/ border-bottom: 0; /* Removes the bottom border */ text-decoration: none; /* Ensures no underline on the text */ } + + @media (max-width: 768px) { + .main-button { + flex: 1 1 100%; /* Ensures one button fits across the page on mobile */ + } + }