How to Fix Bad Vertical Alignment in...

User 131545 Photo


Registered User
595 posts

Dear users,

I have create an section as follow:

1) row and then column
2) second 1 subgrid with 1 row and 4 columns in this colums are containers in each subgrid colum.

This is the attachment when you can see that the vertical alignment is so bad

Kind regards
Stephane

(It's my English without the Google Translater) ;)
Attachments:
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
12,285 posts
Online Now

Why are you using RSD 2.5? I thought you had upgraded.

Anyway, try flex positioning, much easier. And don't mess with subgrids.
And it is always much better to get to the point help if you provide the project file. (I'll be away from home until late, so I can't assist you now.)
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: http://www.eikweb.com/sharing/


User 131545 Photo


Registered User
595 posts

Inger

I have both of them the Responsive Site Designer v2.5 (first practice with rows, columns, subgrids and containers) and then study the Site Designer 3.5 that uses the CSS Grid
Are subgrids comparable with CSS Grids?

Kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 2147646 Photo


Registered User
228 posts

STEFKE wrote:

Are subgrids comparable with CSS Grids?


CSS Grid is more comparable to Flexbox.
This is an excellent FREE course on CSS Grid https://cssgrid.io

User 131545 Photo


Registered User
595 posts

Dear support,

Can someone give me the steps how can I fix this bad alignment in RSD v2.5 it's for a client

Kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
12,285 posts
Online Now

Let me see your project file.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: http://www.eikweb.com/sharing/


User 131545 Photo


Registered User
595 posts

Inger,

I have placed a piece where it goes wrong in a new project file. Everything must remain in subgrid may not be changed maybe you can make the subgrid column flex-container but apparently that doesn't work

Here are my project file created in Responsive Site Designer v2.5

With Kind regards
Stephane
Attachments:
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
12,285 posts
Online Now

This is the way to do it in RSD2.5. First thing I did was throwing out the subgrids - headlong! No point in making it an excercise in using as much unecessary code as possible. Keeping it simple is much better.

If I were you, I wouldn't go anywhere near the css grid until you are able to master simple, traditional coding, both in some html editor and in (R)SD.
And BTW, SD 3.0 and 3.5 can well be used with traditional coding, you don't have to use css grid. I don't.
Attachments:
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: http://www.eikweb.com/sharing/


User 131545 Photo


Registered User
595 posts

Hi Inger,

Can you send an demo with responsive subgrids

With kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
12,285 posts
Online Now

If I get time, I can't promise anything. Why do you keep banging on about subgrids? Just because there is a option to use a subgrid, it doesn't mean you have to use it.
And besides, the example I made for you is easy to convert to SD3.x format. With subgrids the conversion is likely to become a nightmare.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: http://www.eikweb.com/sharing/



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.