React website

Web Development
#1

Even though I am using viewport but still my website not looking proper on mobile phone as it is on website

#2

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

#3

Here is the codesandbox link of my react project-

#4

check this code - it’s fully responsive

#5
#6

Hello Atashi,
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 cols/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)

#7

ok sir, thank you