resposnive page made by positions ,display property and media query

Hi Naresh Bhati!

Congrats on completing this project!

It appears that your component is not quite aligned to the center of the page. I suggest using flexbox to not only space out the itemized list of subjects but also on the body, and your main layout component to center your component on the viewport! Take a look at the PR in your GitHub to get you started! happy to work together on it if interested via GitHub. Including link to my fork here - GitHub repo - branch: flexbox_design

I see you've also made use of rems in your styling, great work. I'd encourage you try to utilize the rem unit for most cases, take a look at this article that suggests why its a good idea. Why designers should move from px to rem...