Responsive Service Box Using CSS Grid Layout

how to make a simple responsive service box with hover effects using pure html and css only.
create a simple responsive service card section using css 3 grid layout.

SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/1tZFQ...

google fonts:
https://fonts.google.com/specimen/Nun...

Editor : - visual studio code with Laetus: Dark Vibrant Theme
Browser : - google chrome
Images / Video / SVG : -
01 - https://www.freepik.com/
02 - https://storyset.com/
03 - https://pixabay.com/
04 - https://unsplash.com/
05 - https://pixabay.com/
UI Tool : - Figma

New To My Channel Subscribe Now And See More Stuff Like This:
   / @mrwebdesigneranas