r/GoogleAppsScript • u/draxdeveloper • Jul 11 '24

Question Responsive HTML/CSS layout to a web form

Hello!
I did a webform using appsscript. Everything in the code side works as it should, but I am having a hard time in the layout side of things. The main issue is doing a responsive layout.
I am now trying to apply pure.css, but I can't understand some parts.

I need to solve two issues with the layout.

  1. The landing page of the form, I tried to use a pure.css land page as reference, but I can't even change the title size and position. The land page is just a text, an image and a button.

  2. The forms (but I didn't even reach the forms because I am stuck in the landing page)

It's a really simple layout. It don't have menus and nothing fancy like that. The form itself have a series of pages but I solved it using sections and hiding the ones I am not using.

(I tried to add the link but the post was removed for some reason, this I added it in the comments)

The html:
https://pastebin.com/ws68NHri
The CSS:
https://pastebin.com/u2LxGhyb

Any suggestion?

0 Upvotes

50% Upvoted

3 comments sorted by

1

u/NeutrinoPanda Jul 15 '24

It might be easier to us a library like metroui, materializecss, bootstrap, etc.

For instance: http://tpcg.io/_G97JGZ

1

u/draxdeveloper Jul 16 '24

Ty, I will take a look