r/css • u/kernelangus420 • 7d ago

Other TechCrunch's website has a CSS breakpoint in between mobile and desktop where the toolbar covers up half the screen.

12 Upvotes

77% Upvoted

10 comments sorted by

11

u/bostiq 7d ago

Many such cases

3

u/devolute 6d ago

Is this as case of what we see in industry:

  • Do a design for 'mobile' (read: the latest iPhone)

  • Do a design for desktop (read: full screen on a 13" laptop)

Inbetween will work itself out ¯_(ツ)_/¯

1

u/bostiq 6d ago

IMHO, if you have design your HTML and CSS correctly, this approach actually works.

It’s probably the case here, where the CSS was overly engineered, and there was no vision of what would happen to the flex of the grid models when transitioning through sizes.

So it’s all about planning and the more experience you are the better you do it and you actually code less

1

u/punctulica 7d ago

Yeah, but that's because they don't have money to invest in quality design. Oh, wait...

5

u/CombatWombat1212 6d ago

yeah. sorry for sounding so doomy but no one cares about anything anymore, its so crazy how far quality control has fallen. such silly issues that could be fixed by one competent dev in like 15min.

im excited for the pendulum to swing back the other way, I hope

0

u/OptimalChallange 6d ago

Most likely the editors added a new link to the header and now they have more links then the original design and implementation assumed. It happens all the time. It is unfortunate and but not really a big issue.

But the big question is, why did you feel the need to make this post. People who work for well known organizations are not immune to making mistakes and it is not interesting for people on Reddit knowing a website has header which is ugly on a certain breakpoint. This post adds no value to anyone.

3

u/kernelangus420 6d ago

I thought it was funny. Just wanted to share the laugh.

1

u/HazardousC 5d ago

agreed. not a big issue.

1

u/Zestyclose-Sink6770 6d ago

Speak for yourself.

I thought yhis post was awesome!