<style> .b-scrollable_table { max-width: 600px; margin: 10px auto; } .b-tabs-content_item { text-align:center; } @media screen and (max-width:1024px){ li.b-tabs-nav_item_wrap { display: inline-block; width: 33%; padding: 0 21px; text-align: center; } } @media screen and (max-width:425px){ li.b-tabs-nav_item_wrap { display: inline-block; width: 32%; padding: 0 21px; text-align: center; } } </style> <h3 class="pt-4 pb-5 text-center">Size Guide</h3> <div class="container"> <div class="b-tabs" data-component="global/Tabs" data-component-options="{"initialTab":1}"> <ul class="b-tabs-nav" role="tablist" data-js-tab-controls> <li class="b-tabs-nav_item_wrap"> <a href="#" class="b-tabs-nav_item m-tabs-active" role="tab" data-js-tab-control="1">Women's clothing</a> </li> <li class="b-tabs-nav_item_wrap"> <a href="#" class="b-tabs-nav_item" role="tab" data-js-tab-control="2">Women's Shoes</a> </li> <li class="b-tabs-nav_item_wrap"> <a href="#" class="b-tabs-nav_item" role="tab" data-js-tab-control="3">Baby Clothing</a> </li> <li class="b-tabs-nav_item_wrap"> <a href="#" class="b-tabs-nav_item" role="tab" data-js-tab-control="4">Baby Footwear</a> </li> <li class="b-tabs-nav_item_wrap"> <a href="#" class="b-tabs-nav_item" role="tab" data-js-tab-control="5">Kids Clothing</a> </li> <li class="b-tabs-nav_item_wrap"> <a href="#" class="b-tabs-nav_item" role="tab" data-js-tab-control="6">Kids Footwear</a> </li> </ul> <div class="b-tabs-content"> <div class="b-tabs-content_item m-tabs-active" data-js-tab-content="1"> <p class="pb-3 pt-5">Women's clothing</p> <div class="b-scrollable_table"> <table> <tbody> <tr> <th>UK</th> <th>US</th> <th>EURO</th> <th>CHEST</th> <th>WAIST</th> <th>HIPS</th> </tr> <tr> <td>6</td> <td>2</td> <td>34</td> <td>80</td> <td>61</td> <td>88</td> </tr> <tr> <td>8</td> <td>4</td> <td>36</td> <td>85</td> <td>66</td> <td>93</td> </tr> <tr> <td>10</td> <td>6</td> <td>38</td> <td>90</td> <td>71</td> <td>98</td> </tr> <tr> <td>12</td> <td>8</td> <td>40</td> <td>95</td> <td>76</td> <td>103</td> </tr> <tr> <td>14</td> <td>10</td> <td>42</td> <td>100</td> <td>81</td> <td>108</td> </tr> <tr> <td>16</td> <td>12</td> <td>44</td> <td>105</td> <td>86</td> <td>113</td> </tr> <tr> <td>18</td> <td>14</td> <td>46</td> <td>110</td> <td>91</td> <td>118</td> </tr> </tbody> </table> </div> <div class="b-scrollable_table"> <table> <tbody> <tr> <th>Size</th> <th>UK</th> <th>US</th> <th>EURO</th> </tr> <tr> <td>XS</td> <td>6-8</td> <td>2-4</td> <td>34-36</td> </tr> <tr> <td>S</td> <td>8-10</td> <td>4-6</td> <td>36-38</td> </tr> <tr> <td>M</td> <td>10-12</td> <td>6-8</td> <td>38-40</td> </tr> <tr> <td>L</td> <td>14-16</td> <td>10-12</td> <td>42-44</td> </tr> <tr> <td>XL</td> <td>16-18</td> <td>12-14</td> <td>44-46</td> </tr> </tbody> </table> </div> </div> <div class="b-tabs-content_item" data-js-tab-content="2"> <p class="pb-3 pt-5">Women's Shoes</p> <div class="b-scrollable_table"> <table> <tbody> <tr> <th>UK</th> <th>US</th> <th>EURO</th> </tr> <tr> <td>3</td> <td>5</td> <td>36</td> </tr> <tr> <td>4</td> <td>6</td> <td>37</td> </tr> <tr> <td>5</td> <td>7</td> <td>38</td> </tr> <tr> <td>6</td> <td>8</td> <td>39</td> </tr> <tr> <td>7</td> <td>9</td> <td>40</td> </tr> <tr> <td>8</td> <td>10</td> <td>41</td> </tr> </tbody> </table> </div> </div> <div class="b-tabs-content_item" data-js-tab-content="3"> <p class="pb-3 pt-5">Baby Clothing</p> <div class="b-scrollable_table"> <table> <tbody> <tr> <th>Age (mnths)</th> <th>Height (cm)</th> <th>Chest (cm/in)</th> <th>Waist (cm/in)</th> </tr> <tr> <td>0-3</td> <td>62</td> <td>43/17</td> <td>41/16</td> </tr> <tr> <td>3-6</td> <td>68</td> <td>45/18</td> <td>43/17</td> </tr> <tr> <td>6-9</td> <td>74</td> <td>47/19</td> <td>45/18</td> </tr> <tr> <td>9-12</td> <td>80</td> <td>49/19</td> <td>47/18</td> </tr> <tr> <td>12-18</td> <td>86</td> <td>51/21</td> <td>49/19</td> </tr> <tr> <td>18-24</td> <td>92</td> <td>53/21</td> <td>51/20</td> </tr> </tbody> </table> </div> </div> <div class="b-tabs-content_item" data-js-tab-content="4"> <p class="pb-3 pt-5">Baby Footwear</p> <div class="b-scrollable_table"> <table> <tbody> <tr> <th>Cath Kidston Size (mnths)</th> <th>Length (mm)</th> </tr> <tr> <td>0-3</td> <td>103</td> </tr> <tr> <td>3-6</td> <td>113</td> </tr> <tr> <td>6-12</td> <td>123</td> </tr> <tr> <td>12-18</td> <td>133</td> </tr> </tbody> </table> </div> </div> <div class="b-tabs-content_item" data-js-tab-content="5"> <p class="pb-3 pt-5">Kids Clothing</p> <div class="b-scrollable_table"> <table id="kids-clothing-size-guide"> <tbody> <tr> <th>Age (yrs)</th> <th>Height (cm)</th> <th>Chest (cm/in)</th> <th>Waist (cm/in)</th> </tr> <tr> <td>1-2</td> <td>92</td> <td>53/21</td> <td>52/20</td> </tr> <tr> <td>2-3</td> <td>98</td> <td>55/22</td> <td>53/21</td> </tr> <tr> <td>3-4</td> <td>104</td> <td>57/22</td> <td>54/21</td> </tr> <tr> <td>4-5</td> <td>110</td> <td>59/23</td> <td>55/22</td> </tr> <tr> <td>5-6</td> <td>116</td> <td>61/24</td> <td>56/22</td> </tr> <tr> <td>6-7</td> <td>122</td> <td>63/25</td> <td>57.5/23</td> </tr> <tr> <td>7-8</td> <td>128</td> <td>65/26</td> <td>59/23</td> </tr> <tr> <td>8-9</td> <td>134</td> <td>68/27</td> <td>60.5/24</td> </tr> <tr> <td>9-10</td> <td>140</td> <td>71/28</td> <td>62/24</td> </tr> <tr> <td>11-12</td> <td>146</td> <td>74/29</td> <td>63.5/25</td> </tr> </tbody> </table> </div> </div> <div class="b-tabs-content_item" data-js-tab-content="6"> <p class="pb-3 pt-5">Kids Footwear</p> <div class="b-scrollable_table"> <table> <tbody> <tr> <th>Cath Kidston Size</th> <th>Length of last (mm)</th> </tr> <tr> <td>7</td> <td>146</td> </tr> <tr> <td>8</td> <td>153</td> </tr> <tr> <td>9</td> <td>161</td> </tr> <tr> <td>10</td> <td>169</td> </tr> <tr> <td>11</td> <td>176</td> </tr> <tr> <td>12</td> <td>184</td> </tr> <tr> <td>13</td> <td>192</td> </tr> <tr> <td>1</td> <td>200</td> </tr> <tr> <td>2</td> <td>209</td> </tr> </tbody> </table> </div> </div> </div> </div> </div>
