@extends('layouts.app')

@section('title', 'Size Guide')

@section('content')
<div class="page-head"><div class="container"><h1>Size Guide</h1><p><a href="{{ route('home') }}">Home</a> / Size Guide</p></div></div>
<main class="container section">
  <div class="page-narrow prose">
    <h2>Women (cm)</h2>
    <div style="overflow-x:auto"><table class="size-table">
      <tr><th>Size</th><th>XS</th><th>S</th><th>M</th><th>L</th><th>XL</th></tr>
      <tr><td>Bust</td><td>80</td><td>84</td><td>88</td><td>94</td><td>100</td></tr>
      <tr><td>Waist</td><td>62</td><td>66</td><td>70</td><td>76</td><td>82</td></tr>
      <tr><td>Hips</td><td>88</td><td>92</td><td>96</td><td>102</td><td>108</td></tr>
    </table></div>
    <h2>Men (cm)</h2>
    <div style="overflow-x:auto"><table class="size-table">
      <tr><th>Size</th><th>XS</th><th>S</th><th>M</th><th>L</th><th>XL</th></tr>
      <tr><td>Chest</td><td>86</td><td>92</td><td>98</td><td>104</td><td>110</td></tr>
      <tr><td>Waist</td><td>72</td><td>78</td><td>84</td><td>90</td><td>96</td></tr>
      <tr><td>Hips</td><td>90</td><td>96</td><td>102</td><td>108</td><td>114</td></tr>
    </table></div>
    <p>Measure over light clothing, keep the tape snug but not tight. Between sizes? Choose the larger one.</p>
  </div>
</main>
@endsection