dosen't a responsive page because i use px as unit

You can practice using rem as the unit for sizing. It's very easy. 1rem equals 16px and you can calculate everything based on it. Also, you can add the 'text-center' to center the texts inside the component. Great work btw!