I'm grappling with an issue regarding the layout of my contact section on the website. Struggling to resolve it, I adjusted the number of columns in each section from col-md-3 to col-md-4, but the problem persists – the last item is still getting cut off in tablet size. Is there a way to make the text wrap like the column before it instead?
Below is the code snippet. I've removed irrelevant sections and retained the entire CSS code.
Preview Image: https://i.sstatic.net/yMvPW.jpg
Here's the CodePen link: https://codepen.io/hailtothev612/pen/JjXVjMP
HTML Code:
<!DOCTYPE html>
<html lang="en">
<!-- HTML markup here -->
CSS Styles:
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Cormorant Garamond', serif;
color: #B19BD9;
overflow-x: hidden;
}
/* Additional CSS styles */