Video narration
Here’s a responsive portfolio Projects section built from simple HTML and CSS. In the HTML, a section with the class “projects” holds a centered heading in Gujarati: “મારા પ્રોજેક્ટ્સ”. Under that, a div called “project-grid” contains three “project-card” blocks. Each card follows the same pattern: an image, an h3 title, a Gujarati description paragraph, and a “View” link. Now the CSS ties it together. The .projects rule adds padding for breathing room and a light background color. The heading is centered for a clean section title. The real layout comes from .project-grid: display grid, a gap between items, and grid-template-columns using auto-fit and minmax, so cards wrap neatly as the screen gets narrower. Finally, the card styling: each .project-card has a light gray background, border-radius for rounded corners, and centered text. The image is width 100%, with its own border-radius and a bottom margin, so it fills the card and stays nicely spaced.