Fluid Engine's GIANT Spacing Problem

Подписаться 7 тыс.

Просмотров 2 тыс.

50% 1

Fluid Engine's GIANT Spacing Problem - In this video I explore how Squarespace's fluid engine system works and why the giant spacing issue might be occurring.
Sign up for my free Squarespace CSS for beginners eCourse:
schwartz-edmisten.com/learn-c...
Learn to create custom layouts in Squarespace!
schwartz-edmisten.com/custom-...
Get my giant library of CSS and Code Snippets for 7.1!
schwartz-edmisten.com/css-too...
My goal is to help you create more custom Squarespace websites so that you can charge more for your services.
If you need help designing, updating, or implementing custom code on your Squarespace website, you can hire me to do so through my contact page:
schwartz-edmisten.com/contact
If my content has helped you out I would really appreciate a small donation to allow me to keep making tutorials:
schwartz-edmisten.com/donate
Save 10% off your first subscription of a Squarespace website or domain by using code PARTNER10. (This is an affiliate link, so if you end up setting your website live I will receive a small commission!)
squarespace.syuh.net/sewebdesign
Music: / justin-kolas

Хобби

Опубликовано:

25 июл 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 27

@mtdahlgren 2 года назад

Thank you Chris for letting me know this issue and for your great work ♡ Hope Squarespace will fix this.

@internetuser12 7 месяцев назад

thanks for this video i thought i was going crazy and the only one who cared about this issue or realised it even existed. I always use chrome inspector tablet mode to resize viewport and it always look shit on tablet widths. I cant believe that its been this long and still they have not fixed such a critical issue. It shouldnt even be hard to fix. A single competent developer could probably fix this quite quickly!!! I have had to resort to doing weird stuff like adding a code block and making the whole page design using flexbox or other ways like a whole bunch of CSS media queries which is very frustrating and time consuming. I dont udnerstand why they cant just FIX IT AFTER ALL THIS TIME!?!?!!?!

@SEWebDesign 7 месяцев назад

I know! Really frustrating!

@colinboyter2790 2 года назад

Thank you. This is so helpful in understanding what the problem is. When FE was first announced SQSP touted the ability to have separate layouts for mobile and I jumped for joy! I assumed it would include a breakpoint for tablet. When FE was finally unveiled I was pretty disappointed to learn that it didn't. In the webinar, they said that they can implement a tablet breakpoint but they are currently choosing not to. I guess they don't want to make it too overwhelming for DIYers. Fair enough, but SQSP needs to address this. It's the reason that I'm still building using the CE and not FE. it would be so helpful to have tablet breakpoints or even the ability to add my own breakpoints too. Thanks again for the work you put into your vids.

@SEWebDesign 2 года назад

I REALLY hope they change their mind about the tablet breakpoint! I am glad this video was helpful!

@jakemp42 11 месяцев назад

What a clean, precise, educated explanation of this.

@SEWebDesign 11 месяцев назад

Thank you Jeremy! Hopefully they get around to fixing it soon

@hmg7871 2 года назад

Tablet b/p would be great. Thank you again, Chris!

@SEWebDesign 2 года назад

I'm really hoping for that option!

@rolandvandenhout 2 года назад

I am/was in the midst of an email exchange with SQS support to point this out. I noticed it when I flipped my iPhone 11 Pro into landscape mode. Shared your video with support! In a Twitter thread, they confirmed they are aware of the issue and that it is a top priority for them to solve. I also noticed that the Code Blocks can't be resized so if you have a small height section and include a code block, that code block will be taller than the text block and define the height of that section. Also communicated and confirmed as an issue by SQS.

@SEWebDesign 2 года назад

That is great news! Thank you for the update! Hopefully they will have a fix soon

@AleZentenoBlog 2 года назад

Great video pointing this out. This was my feedback in the beta testing phase, that Fluid Engine was great but not ready to go public because of the tablet view (among other not so problematic bugs). I was surprised they rolled out without fixing this issue. To give FE another chance, I planed to convert my templates to FE, but in the first section of the first template I tried to recreate, the tablet view was so bad I stoped completely and I'm going to wait for now... Not bringing any solutions, just sharing my frustration 😅

@SEWebDesign 2 года назад

Absolutely, it is definitely not ready yet! It turns out they had their q2 earnings call yesterday so there is some speculation they had to release it before that call so they could toute it to investers. Which makes alot of sense.

@AleZentenoBlog 2 года назад

@@SEWebDesign That would explain a lot! But still, I find it a questionable move, because movil responsiveness has been one of SS strongest qualities and FE (as it is now) could break this reputation, imo

@SEWebDesign 2 года назад

@@AleZentenoBlog yeah definitely

@user-fi6hg8vq6c Год назад

Wow. What a great breakdown of this issue that should've been addressed before launching. Looking at my portfolio on an ipad is such an eye sore. I hope they fix this soon.

@SEWebDesign Год назад

I know! It's a been a while which is disappointing, but hopefully that means we are getting closer to this feature

@dmak2425 2 года назад

It would be good to finally be able to design a cleaner look for the tablet view, so hopefully they can just create a tab b/p

@SEWebDesign 2 года назад

Yeah I've heard they didn't want to create more work for beginners designing their site but in my opinion more control is better. I think most would prefer to do the extra work for tablet view and have it look better

@robkenyon6949 2 года назад

We definitely need a tablet layout option. I do most of my web surfing on an iPad, so I’m guessing a lot of other people are doing the same thing. Making a website that looks crappy on a tablet makes zero sense.

@SEWebDesign 2 года назад

Totally!

@samuelking7351 2 года назад

I feel like this may have been a slightly over-engineered answer. Just change the preset default size/height of each section to “small”; as when they’re set to “medium” by default and within the parameters of tablets/mobile you will experience a preset CSS rule of min-height: 66vh

@SEWebDesign 2 года назад

The problem isn't the section height, it is the space between blocks within a section. Changing the section height doesn't solve that issue

@lanahurteau4742 Год назад

This is not just a problem going from desktop to tablet, it also happens if your desktop screen is not at 100%. This is so annoying, my site was so beautiful and now it's janky AF because of the spacing inconsistencies.

@SEWebDesign Год назад

I didn't realize it came with zooming issues! I really hope they put more time into fixing this, or even better give us the tablet breakpoint. We really need it!

@1deplatt Год назад

I think their reasoning is that not many people view sites on tablet, so they didn't bother. However, they can't ignore the fact that every Fluid Engine Squarespace website looks like crap on a tablet. I think what will happen is that we will eventually get 3 breakpoints (and that's a lot of work to design 3 versions of each page) In this way Fluid Engine is a pretty big fail. It will need to be re-engineered.

@SEWebDesign Год назад

For me, a tablet breakpoint that we don't HAVE to use to fix errors, but that is available for extra layout flexibility would be perfect for my workflow.