Untitled

<!DOCTYPE HTML>
<html lang="ru">
<head>
 <meta charset='utf-8'>
 <meta name="viewpoint" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Copatible" content="ie=edge">
 <title>билет 14</title>
 <link rel='stylesheet' href='style.css' media="screen">
</head>
<body>
 <div id='screen'>
     <div id="wrapper">
       <header>
         <div id="screen-logo">
           <img src="images/pic1.png" alt="логотип">
         </div>
         <div>
             <h2>
                 Мероприятие
             </h2>
         </div>
         <nav id="screen-nav">
           <ul>
             <li>Меню1</li>
             <li>Меню2</li>
             <li>Меню3</li>
           </ul>
         </nav>
       </header>
       <div id="flex-me">
         <main>
           <div id="content">
               <img src="images/pic2.png" alt="change">
               <h3>Причины чтобы прийти (список)</h3>
             <ul>
               <li>причина 1</li>
               <li>причина 2</li>
               <li>причина3</li>
             </ul>
           </div>
           <div class="column">
               <img src="images/pic3.png" alt="video">
               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud</p>
           </div>
         </div>
         </main>
         </div>
         <footer id="screen-footer">
           <p>Где-то в Звенигороде</p>
           <p><a href="mailto:tusovka@gmail.com">tusovka@gmail.com</a></p>
           <p>+79999999999</p>
         </footer>
       </div>
     </div>

     <div id="mobile">
         <div id="mobile-logo">
             <p><img src="images/pic1.png" alt="логотип></p>
         </div>
         <div id="mobile">
             <h2>
                 Мероприятие
             </h2>
         </div>
         <nav id="mobile-nav">
           <ul>
             <li>Меню1</li>
             <li>Меню2</li>
             <li>Меню3</li>
           </ul>
         </nav>
         <div id="images">
           <p><img src="images/pic2.png" alt="change"></p>
             <h3>Причины чтобы прийти (список)</h3>
             <ul>
               <li>причина 1</li>
               <li>причина 2</li>
               <li>причина3</li>
             </ul>
           <p><img src="images/pic3.png" alt="video"></p>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud</p>
         </div>
         <footer id="mobile-footer">
           <p>Где-то в Звенигороде</p>
           <p><a href="mailto:tusovka@gmail.com">tusovka@gmail.com</a></p>
           <p>+79999999999</p>
         </footer>
     </div>

</body>
</html>