Survey project suggestion

HTML-CSS
21

yes am trying to figure it out

22

now its okay. solved

23

At line 25, you have

<label id="radio" name="radio">Rdio</radio>

Double-check that closing tag…

24

yes its solved i just dint save it. am working with the submit button

25

Getting ahead of me on that! Nice! lol

So you’re now looking at a grid, but that submit button doesn’t work with the grid. You kind of want that element to span both columns of the grid, right? Too bad there’s no easy way to make that happen…

BUT WAIT!! THERE IS!!! lol We can style the submit button with three little styles:

form #submit {
  grid-column: /* start column / span number of columns */;
  width: /* How wide do you want the button itself? */;
}

So grid-column lets us force this element either into another grid column, or to bridge multiple columns. If you do something like grid-column: 1 / span 2;, then it will start in the first column and reach across BOTH columns.

1 Like
26

how should i center the submit or should i add an element before it?

27

lol I was about to get to that too. If you set the left and right margins on the submit button to auto, it will center in the available space. :wink:

28

still no change or maybe am wrong

29

scroll up in this a little, I had posted just before you asked about centering. read about grid-column, maybe four posts back.

30

thats how it loks still

31

So you have

grid-column: 1/2;

Which could work, but isn’t quite what you want. That says “go from the left edge of column 1 to the left edge of column 2”. Rather, use something like this:

grid-column: 1 / span 2;

Which says “go from the left edge of column one, and span two columns.”

And then stick that margins: auto back in to center it…

32

yes it works now thank you

33

i will rebuild it again the project again somwhere

34

hi
i hope you had a good day.
I started the survey form again trying to make it differently from yesterday’s topic and layout and am kinda stuck, Can you help me out please

35

Is it at the same codepen?

36

yes its the same codepen