diff --git a/resources/js/views/Home.vue b/resources/js/views/Home.vue index e7f35ed..b3cc6c9 100644 --- a/resources/js/views/Home.vue +++ b/resources/js/views/Home.vue @@ -2,42 +2,48 @@ -

Join the Fun!

-

-

- To meet the demands of a constantly evolving world, it is essential - to nurture a new generation of scientists, engineers, and leaders - who are skilled in problem-solving. Science and technology offer - endless possibilities for innovation and progress, and it is through - STEM education that we can equip the next generation with the tools - they need to tackle these challenges. -

-

- STEMMechanics is a family-run business that is committed to - providing accessible and inclusive STEM education to all. We offer a - wide range of STEM courses, after-school clubs, and themed workshops - across Queensland, both to the general public and to private groups. -

+
- - -

Build skills while having a great time

-

- Our online and in-person workshops are filled with engaging - and exciting activities that kids will love. They will have - fun, make new friends, and gain valuable skills that they - can use throughout their lives. -

- -
- - - -
+
@@ -70,27 +76,32 @@ -

And the support doesn't stop!

- - - - - -

- Though the workshop has come to a close, we remain available - to assist you via email and Discord with any projects you - undertake at home. We are always happy to help. -

-
- - -
-
-
+
@@ -105,13 +116,13 @@ import SMHero from "../components/SMHero.vue"; margin-top: -80px; } - .about { + .about .container-inner { margin: 64px 32px 32px; padding: 0 90px 64px 90px; background-color: var(--accent-1-color); color: var(--accent-1-color-text); border-radius: 24px; - width: auto; + max-width: 960px; h2 { font-size: 400%; @@ -124,9 +135,9 @@ import SMHero from "../components/SMHero.vue"; } } - .workshops { + .workshops .container-inner { margin: 64px 24px; - width: auto; + max-width: 960px; h2 { font-size: 300%; @@ -189,13 +200,13 @@ import SMHero from "../components/SMHero.vue"; } } - .support { + .support .container-inner { margin: 64px 32px 32px; padding: 0 90px 64px 90px; color: var(--accent-2-color-text); background-color: var(--accent-2-color); border-radius: 24px; - width: auto; + max-width: 960px; img { border-radius: 24px;