All solutions

This was my first time completing a challenge using Vue3. I recently learnt Vue and wanted to put what I have learnt into practice. I would appreciate any feedback especially in relation to my components and store as I'm not sure if I achieved this in the best way possible.

I normally use flex for my layout, but thought I would give this challenge a go using grid. I had some difficulties with the fr unit for the grid-template-columns and I feel like my final solution might be odd as I used 2.1fr 1fr to try and get the text within the testimonials to match the design. Would appreciate any feedback. Thanks

Once again I had difficulty with the background image - I ended up having to move it to a different section from mobile to tablet/desktop view to get it to sit right, which I feel this probably wasn't the best way to do this. All feedback welcome :)

I found positioning the background images in this one a little difficult and that took up the majority of my time spent on this particular challenge. I would appreciate any feedback on what I could have done better in this challenge.

Looking for feedback - is there anything I have done with my html or css that you wouldn't have done if you were completing this project?

I had some difficulty with positioning the background image - the overview of the challenge mentions that the layout doesn't shift so it's great for those who haven't dived into responsive layouts yet. However I found that to get the background to work on multiple screen sizes I needed to use media queries. Is there another way to do this background image that I may have overlooked where media queries would not be needed? Or was I overthinking this challenge too much?

Hi, I am looking to get feedback in relation to my class structure. I wanted to attempt to build classes that could potentially be re-used (if for eg. this was part of a bigger project and you would re-use certain styling across the site). It is something that I am trying to improve with my html/css skills.