Add tablet as responsive width

[UnderscoreShift]

What problem is this solving?

Allow usage of both phone and tablet widths for flex-layout.col.

How to test it?

Use below code:

{
  "store.home": {
    "blocks": [
      "flex-layout.row#responsive-tablet"
    ]
  },

  "flex-layout.row#responsive-tablet": {
    "children": [
      "flex-layout.col#left-column",
      "flex-layout.col#right-column"
    ]
  },

  "flex-layout.col#left-column": {
    "props": {
      "width": {
        "desktop": "33%",
        "phone": "55%"
      }
    },
    "children": ["rich-text#left-text"]
  },
  "flex-layout.col#right-column": {
    "children": ["rich-text#right-text"]
  },

  "rich-text#left-text": {
    "props": {
      "text": "## This column should adjust its width under 640px, between 641px and 1025px and above 1026px"
    }
  },
  "rich-text#right-text": {
    "props": {
      "text": "## This column doesn't need the `width` object declared"
    }
  }
}

Screenshots or example usage:

N/A

Describe alternatives you've considered, if any.

Most common layout shifts need to take place between desktop and tablet. The transition from tablet to mobile is mostly handled when preserveLayoutOnMobile is set to false.

Related to / Depends on

N/A

How does this PR make you feel? 🔗

N/A :)

[vtex-io-ci-cd]

Hi! I'm VTEX IO CI/CD Bot and I'll be helping you to publish your app! 🤖

Please select which version do you want to release:

• Patch (backwards-compatible bug fixes)

• Minor (backwards-compatible functionality)

• Major (incompatible API changes)

And then you just need to merge your PR when you are ready! There is no need to create a release commit/tag.

• No thanks, I would rather do it manually 😞

[vtex-io-docs-bot]

Beep boop 🤖

I noticed you didn't make any changes at the docs/ folder

• There's nothing new to document 🤔
• I'll do it later 😞

In order to keep track, I'll create an issue if you decide now is not a good time

• I just updated 🎉🎉

[UnderscoreShift]

Version do you want to release:

Minor (backwards-compatible functionality)

[digital-forge-mn]

I've released a beta version so you can test @UnderscoreShift

vtex.flex-layout@0.20.1-beta.0