Difference between revisions of "M365/test"

From wiki
Jump to navigation Jump to search
(Replaced content with "A playground, sandbox, test zone for Marc B and Thian. :-) <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-9FPK3M5Y7K"></scr...")
Tag: Replaced
 
(76 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{#CSS:
+
A playground, sandbox, test zone for Marc B and Thian. :-)
    <style>
+
<!-- Google tag (gtag.js) -->
      /* Set up the three columns */
+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9FPK3M5Y7K"></script>
      .container {
+
<script>
        display: flex;
+
  window.dataLayer = window.dataLayer || [];
        flex-wrap: wrap;
+
  function gtag(){dataLayer.push(arguments);}
        justify-content: space-between;
+
  gtag('js', new Date());
      }
 
      .column {
 
        flex-basis: calc(33.33% - 20px);
 
        margin-bottom: 20px;
 
      }
 
  
      /* Style the content inside the columns */
+
  gtag('config', 'G-9FPK3M5Y7K');
      .content {
+
</script>
        background-color: #f2f2f2;
+
<html>
        padding: 20px;
+
<body>
      }
+
<head>
  
      /* Responsive design for small screens */
+
</head>
      @media only screen and (max-width: 768px) {
+
<h1>My First Heading</h1>
        .column {
+
<p>My first paragraph.</p>
          flex-basis: 100%;
 
        }
 
      }
 
    </style>
 
}}
 
  
    <div class="container">
+
</body>
      <div class="column">
+
</html>
        <div class="content">
 
          <h2>Column 1</h2>
 
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend elit enim, non ultrices dolor scelerisque id. Integer auctor nunc purus, ac suscipit lectus tristique eu.</p>
 
        </div>
 
      </div>
 
      <div class="column">
 
        <div class="content">
 
          <h2>Column 2</h2>
 
          <p>Phasellus accumsan lobortis magna, a ultricies sapien hendrerit id. Vestibulum sed lorem id libero lobortis aliquam in vitae enim. Ut ornare dapibus velit, eget egestas enim bibendum ac.</p>
 
        </div>
 
      </div>
 
      <div class="column">
 
        <div class="content">
 
          <h2>Column 3</h2>
 
          <p>Curabitur vel neque vel tortor accumsan bibendum. Nullam a mauris ipsum. Nullam ullamcorper, mauris ac vehicula varius, turpis purus aliquet est, eget pretium odio urna eu enim.</p>
 
        </div>
 
      </div>
 
    </div>
 

Latest revision as of 09:11, 20 April 2023

A playground, sandbox, test zone for Marc B and Thian. :-) <script async src="https://www.googletagmanager.com/gtag/js?id=G-9FPK3M5Y7K"></script> <script>

 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());
 gtag('config', 'G-9FPK3M5Y7K');

</script> <html> <body> <head>

</head>

My First Heading

My first paragraph.

</body> </html>