Медиа-запросы

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/css/media-queries</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/media-queries" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#7F5F43" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="set-square" transform="translate(13.000000, 21.000000)" fill-rule="nonzero"> <path d="M46.2634824,29.1066392 L2.28300196,0.244307843 C1.82940588,-0.053727451 1.25056863,-0.077872549 0.773933333,0.180258824 C0.296652941,0.437929412 0,0.935115686 0,1.47764314 L0,30.3393294 C0,31.1525216 0.661686275,31.8138392 1.4745098,31.8138392 L45.4541608,31.8138392 C46.1107784,31.8138392 46.6788333,31.3908392 46.8667412,30.7615922 C47.0553863,30.1322529 46.8128294,29.4669725 46.2634824,29.1066392 Z M25.7168333,24.441198 L7.37254902,24.441198 L7.37254902,12.4028392 L25.7168333,24.441198 Z" id="Shape" fill="#FFD788"> </path> <path d="M24.3294118,28.8647275 C23.9218941,28.8647275 23.5921569,29.1948333 23.5921569,29.6019824 L23.5921569,31.8137471 L25.0666667,31.8137471 L25.0666667,29.6019824 C25.0666667,29.1948333 24.7369294,28.8647275 24.3294118,28.8647275 Z" id="Shape" fill="#E6BE8A"> </path> <path d="M27.2784314,27.3902176 C26.8709137,27.3902176 26.5411765,27.7203235 26.5411765,28.1274725 L26.5411765,31.8137471 L28.0156863,31.8137471 L28.0156863,28.1274725 C28.0156863,27.7203235 27.685949,27.3902176 27.2784314,27.3902176 Z" id="Shape" fill="#C9A07C"> </path> <path d="M13.2705882,31.8137471 L13.2705882,29.6019824 C13.2705882,29.1948333 12.940851,28.8647275 12.5333333,28.8647275 C12.1258157,28.8647275 11.7960784,29.1948333 11.7960784,29.6019824 L11.7960784,31.8137471 L13.2705882,31.8137471 Z" id="Shape" fill="#E6BE8A"> </path> <path d="M36.1254902,28.8647275 C35.7179725,28.8647275 35.3882353,29.1948333 35.3882353,29.6019824 L35.3882353,31.8137471 L36.8627451,31.8137471 L36.8627451,29.6019824 C36.8627451,29.1948333 36.5330078,28.8647275 36.1254902,28.8647275 Z" id="Shape" fill="#E6BE8A"> </path> <path d="M33.1764706,27.3902176 C32.7689529,27.3902176 32.4392157,27.7203235 32.4392157,28.1274725 L32.4392157,31.8137471 L33.9137255,31.8137471 L33.9137255,28.1274725 C33.9137255,27.7203235 33.5839882,27.3902176 33.1764706,27.3902176 Z" id="Shape" fill="#C9A07C"> </path> <path d="M30.227451,28.8647275 C29.8199333,28.8647275 29.4901961,29.1948333 29.4901961,29.6019824 L29.4901961,31.8137471 L30.9647059,31.8137471 L30.9647059,29.6019824 C30.9647059,29.1948333 30.6349686,28.8647275 30.227451,28.8647275 Z" id="Shape" fill="#E6BE8A"> </path> <path d="M19.1686275,29.6019824 C19.1686275,29.1948333 18.8388902,28.8647275 18.4313725,28.8647275 C18.0238549,28.8647275 17.6941176,29.1948333 17.6941176,29.6019824 L17.6941176,31.8137471 L19.1686275,31.8137471 L19.1686275,29.6019824 Z" id="Shape" fill="#E6BE8A"> </path> <path d="M3.68627451,27.3902176 C3.27875686,27.3902176 2.94901961,27.7203235 2.94901961,28.1274725 L2.94901961,31.8137471 L4.42352941,31.8137471 L4.42352941,28.1274725 C4.42352941,27.7203235 4.09379216,27.3902176 3.68627451,27.3902176 Z" id="Shape" fill="#C9A07C"> </path> <path d="M6.63529412,28.8647275 C6.22777647,28.8647275 5.89803922,29.1948333 5.89803922,29.6019824 L5.89803922,31.8137471 L7.37254902,31.8137471 L7.37254902,29.6019824 C7.37254902,29.1948333 7.04281176,28.8647275 6.63529412,28.8647275 Z" id="Shape" fill="#E6BE8A"> </path> <path d="M16.2196078,28.1274725 C16.2196078,27.7203235 15.8898706,27.3902176 15.4823529,27.3902176 C15.0748353,27.3902176 14.745098,27.7203235 14.745098,28.1274725 L14.745098,31.8137471 L16.2196078,31.8137471 L16.2196078,28.1274725 Z" id="Shape" fill="#C9A07C"> </path> <path d="M39.0745098,27.3902176 C38.6669922,27.3902176 38.3372549,27.7203235 38.3372549,28.1274725 L38.3372549,31.8137471 L39.8117647,31.8137471 L39.8117647,28.1274725 C39.8117647,27.7203235 39.4820275,27.3902176 39.0745098,27.3902176 Z" id="Shape" fill="#C9A07C"> </path> <path d="M22.1176471,28.1274725 C22.1176471,27.7203235 21.7879098,27.3902176 21.3803922,27.3902176 C20.9728745,27.3902176 20.6431373,27.7203235 20.6431373,28.1274725 L20.6431373,31.8137471 L22.1176471,31.8137471 L22.1176471,28.1274725 Z" id="Shape" fill="#C9A07C"> </path> <path d="M10.3215686,28.1274725 C10.3215686,27.7203235 9.99183137,27.3902176 9.58431373,27.3902176 C9.17679608,27.3902176 8.84705882,27.7203235 8.84705882,28.1274725 L8.84705882,31.8137471 L10.3215686,31.8137471 L10.3215686,28.1274725 Z" id="Shape" fill="#C9A07C"> </path> </g> </g> </svg>