Parent element scales and fits child element with React
Parent element scales and fits child element (React)
This is a React/Next.js demo project which shows how you can scale child element in parent to fit vertically or horizontally. The resize happens on windo resize event.
Refer page/index.tsx and page/index.module.css to see parent and child styles and hooks/useChildScaleToFirParent.ts to understand the logic of scaling for different orientaion combinations for both parent and child.