search

layer5io / docs

Documentation and Developer resources for Layer5 products
https://docs.layer5.io
Apache License 2.0
23 stars 57 forks source link

[Feat]: Improvement in footer when width is smaller #286

Open upsaurav12 opened 1 week ago

upsaurav12 commented 1 week ago

Current Behavior

Currently the of the page is looking like this image so the problem in this when the width size is smaller some containers like resources and community breaking especially in mobile version with the width of below 400px

Desired Behavior

I think there are 2 solutions:-

  1. To make them in same level below 400px
  2. To make all the conta.iner in different level like resources , community , solution and then company.

For my POV 2 could be better option because in 1st approach there are chances that the same error will show but in different breakpoint or different width.

Implementation

Acceptance Tests

Mockups

Contributor Guide

hargunkaur286 commented 1 week ago

Can I work on this issue? @upsaurav12

upsaurav12 commented 1 week ago

I want to work on this issue just waiting for maintainer to assign me

Ashparshp commented 1 week ago

@upsaurav12 Thanks for opening the issue! It seems this problem can be fixed. @hargunkaur286, any objections if we assign this to Saurav? Hope that's okay with you. By the way, before we proceed, are there really smartphones in the market with a width less than 309px? I don't think so!

upsaurav12 commented 1 week ago

I tried to find some some smartphone but mostly they are 350px >= and <400px including s20 , iphone11 , iphone12 etc but i actually found a smartphone which is nokia 8110 4G which is 240px but i dont think many are using using this phone image You can also verify this also

Ashparshp commented 1 week ago

@upsaurav12 Alright! Assigned to you! Go ahead.

upsaurav12 commented 1 week ago

Thank you

upsaurav12 commented 6 days ago

Hi @Ashparshp i was looking for solution for this issue but i got this image the company container is also breaking between 850px <= and 800px> can we look to this also ???

Ashparshp commented 5 days ago

It's breaking at multiple places, like between 700px and 800px. Take your time to test it thoroughly, fix all the issues, and ensure everything works correctly after fixing.

upsaurav12 commented 5 days ago

image i got this the odd-col and even-col are breaking that were vertically aligned after it so i think we need to look at this