Even though I am using viewport but still my website not looking proper on mobile phone as it is on website
Did you use media queries or responsive CSS for handling mobile resolution?
I can help with better answer if you can share codepen/codesandbox link
Here is the codesandbox link of my react project-
You have used fixed width of
350px for your cards and there was no grid based classes(rows and columns) present in your webpage due to which site was not responsive on browser.
I have removed the fixed width and added
rows properties in this forked sandbox from your provided code which has responsive widths on mobile view:-
Also please check out the grid based styling from bootstrap official docs to understand how responsive breakpoints work in a website:-
Grid system · Bootstrap (getbootstrap.com)
ok sir, thank you