I changed td style to p style and removed all the table tags.
I did this but now itâs all messed up:
Now I got up to this part: https://jsfiddle.net/1zuapwx5/23/
I just got up to this part: https://jsfiddle.net/1zuapwx5/27/ still doesnât look like: â https://jsfiddle.net/1zuapwx5/20/
I just got up to this part: https://jsfiddle.net/1zuapwx5/27/1 still doesnât look like: â https://jsfiddle.net/1zuapwx5/20/
I think flexbox would be a great solution for you. Responsive, too!
In the meanwhile:
asasass12.html (4.1 KB) (with inline styles)
asasass13.html (2.4 KB) (without inline styles)
I have a question though, Can I set the rows up horizontally instead of vertically? https://jsfiddle.net/1zuapwx5/28/
So it goes,
123
456
789
instead of
147
258
369
Can I do that?
Yes, of course.
td table http://i.imgur.com/39Kn5rU.png vs. table http://i.imgur.com/VaRLzO9.png Look at the top left.
What would I set display:flex to for it to go horizontal instead of vertical?
This isnât working: Iâm probably doing it wrong.
.container {
display:flex;
flex-direction: row
justify-content:middle;
I donât have it set up correct, let me fix it first.
When you mesaure width and height of the container, do you go up to the border, or past the border?
I got up to this so far: https://jsfiddle.net/1zuapwx5/31/
Great question. It depends⌠By default, you may not even measure as far as the border. Check out the CSS {box-sizing:} property.
https://css-tricks.com/the-css-box-model/
https://en.wikipedia.org/wiki/CSS_box_model
The red line is the measuring stick: Do I go up to the border or past it?
To answer your question properly, you need to be familiar with the CSS Box Model. Please give yourself some foundational information by reading about the CSS Box Model. You will see that there is not just one âalwaysâ answer.
What browser(s) do you use and with what operating system?
firefox told me tbody 1204 x 366 but I got 368
Iâm basing the measurement off this: http://testblogty678.blogspot.com/