Make the "Professional Networking Sessions" section fully responsive across all screen sizes

The “Professional Networking Sessions” section (along with the adjacent content blocks) is not fully responsive. At certain screen widths especially around 768×890 resolution

the layout breaks, causing misalignment and uneven spacing between cards and text.

Issues observed:

Content alignment breaks on medium and smaller screens.

Cards and text are not centered properly.

Spacing between elements becomes inconsistent on resizing.

Expected behavior:

The entire section should be fully responsive and maintain proper alignment across all screen sizes (mobile, tablet, and desktop).

Elements should resize and reposition smoothly without overlapping or overflow.

Maintain consistent padding, margins, and visual balance on all viewports.

Steps to Reproduce:

Open the website.

Use developer tools to test various screen sizes (e.g., 768px, 890px, 1024px, 425px).

Notice that the section layout and alignment break at certain widths.

Device/Environment:

Browser: Chrome (Responsive mode)

Viewport tested: 768×890 and others