Flexbox alignment issues... - Post ID...

User 2889891 Photo


Registered User
42 posts

Good Afternoon,
If you have a look at the new website template that I am working on. I am under the heading 'Be Impressed" however, the 4 boxes 'Paintball Packs | Juniorball Packs | Equipment | Cafe' are not the exact same dimensions/level/height etc...

I am using Flex to set them up using ContainerDiv but I cannot work out why they are not identical (eg: picture at top in same spot on all 4 sections) same with headings/paragraph's etc...

I have screenshots, for some reason I am unable or not allowed to attach .rsd | .RSD, even though the system keeps telling me it can only accept the above!!...

Please have a look and let me know what's going wrong?

Also, does any have any tutorials on how to create an awesome Footer?

Thank you,
- Tech-Xcellent
Two Coffee Snobs
Benjamin Davis
Developer | Consultant | Marketing

m: 0415 400 416
w: www.twocoffeesnobs.com.au
e: info@twocoffeesnobs.com.au
User 2889891 Photo


Registered User
42 posts

Okay,
Screenshots 1 + 2 = show the misalignment

Ideas?
Attachments:
Two Coffee Snobs
Benjamin Davis
Developer | Consultant | Marketing

m: 0415 400 416
w: www.twocoffeesnobs.com.au
e: info@twocoffeesnobs.com.au
User 2889891 Photo


Registered User
42 posts

Okay,
Screenshots 3 + 4 + 5 = The Container Div settings

Ideas?
Attachments:
Two Coffee Snobs
Benjamin Davis
Developer | Consultant | Marketing

m: 0415 400 416
w: www.twocoffeesnobs.com.au
e: info@twocoffeesnobs.com.au
User 2889891 Photo


Registered User
42 posts

Okay,
Screenshot 6 = picture settings
Screenshot 7 = h2 settings
Screenshot 8 = paragraph settings

Ideas?
Attachments:
Two Coffee Snobs
Benjamin Davis
Developer | Consultant | Marketing

m: 0415 400 416
w: www.twocoffeesnobs.com.au
e: info@twocoffeesnobs.com.au
User 122279 Photo


Senior Advisor
14,649 posts

Please post your project file (.rsd). It is much easier to help if one can see the whole thing. There are settings that you haven't posted images of that may be playing a part here. If it is too large a file to be attached here, then pop it into your dropbox.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2889891 Photo


Registered User
42 posts

Okay,
I would love to attach an RSD or a URL.

Every single time I try to do so and click "post" or "add my reply" I get a white page stating internal server error, contact admin@coffeecup.com.

I've done that, until then, I can only post photo's.

The website link to look at it directly is:
techxcellenttest.coffeecup.com

Other than that, I cannot post links or RSD.

That is on any post | new thread | reply...
Two Coffee Snobs
Benjamin Davis
Developer | Consultant | Marketing

m: 0415 400 416
w: www.twocoffeesnobs.com.au
e: info@twocoffeesnobs.com.au
User 2889891 Photo


Registered User
42 posts

All Solved.

I made changes to the Flexbox alignment and order/grow and it all works now.

Thank you
Two Coffee Snobs
Benjamin Davis
Developer | Consultant | Marketing

m: 0415 400 416
w: www.twocoffeesnobs.com.au
e: info@twocoffeesnobs.com.au
User 122279 Photo


Senior Advisor
14,649 posts

Good that you found a solution! It was actually some of the flex settings I was missing in your screen shots.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



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.