Responsive four card feature section with Vuejs, Vuetify and CSS grid

What are you most proud of, and what would you do differently next time?

I´m proud that I could configure Vuetify on Vitejs app. I´m a beginner in Vue, I have coded mostly with React.

What challenges did you encounter, and how did you overcome them?

• for a v-card component with different layouts for the mobile and desktop I used Vue conditional rendering v-if directive, useWindowSize() and useScreenOrientation();

• to force the component to rerender if screen orientation changes I added eventListener to detect the orientation and key reference to the component I wanted to rerender.

What specific areas of your project would you like help with?

If testing the layout on Chrome devtools, layout is well detected and changed according to screen orientation but when changing device, I have to make a manual refresh to the page. I wounder if I´m overthinking as this kind of situation won´t come up in real life. Or am I mistaken?