I'm currently working on creating a profile component with Material UI and React.js. I'm having trouble making the Avatar/profile photo and profile name div responsive. Here are some screenshots to illustrate my issue:
The specific div that needs to be responsive can be seen here: https://i.sstatic.net/KjUno.png
And this is the problem caused by its unresponsiveness: https://i.sstatic.net/yyeBx.png
Here's a snippet of my code:
import React from 'react';
import TabPanel from '@mui/lab/TabPanel';
import TabContext from '@mui/lab/TabContext;
// More imports...
function Profile() {
// Component logic...
}
export default Profile;