Global Styling Uses boxsizing borderbox and removes default margins and padding
Navigation Bar nav1 creates a vertical sidebar using Flexbox
Header and Search Bar headernav and searchbar style the top navigation and search area
Category Navigation categorynav displays horizontally scrollable categories
Image Gallery box uses CSS Grid with autofit and minmax to create a responsive image layout
Hover Effects img1hover zooms images slightly and changes their brightness Image captions appear on hover
Popup Form pop styles a gradient popup while ijs iju and submit style its input fields and button
Responsive Design The media maxwidth 768px rule adjusts the navigation search bar and content padding for smaller screens
Conclusion This project practices CSS Grid Flexbox hover animations responsive design image styling and popup form design