M

Developer
Noel Peña
Size
2,506 Kb
Views
18,216
  1. M Previews
  2. M HTML Codes
  3. M CSS Codes
  4. M JS Codes

How do I make an m?

What is a m? How do you make a m? This script and codes were developed by Noel Peña on 05 November 2022, Saturday.

M Previews
IQ Test

M - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>M</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <header> <h1>Media Query Example</h1> <h2>Quick Example / Reference:</h2> </header> <article> <div class="mainbody"> <h3 class="title">Super Duper Batman</h3> <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore reiciendis sed ea! Dignissimos velit mollitia incidunt omnis ea, ex, consectetur molestias tempora corporis illum rerum. Possimus eveniet delectus consequatur vel.</span><span>Odit ipsa nihil culpa vero doloremque! Ipsum obcaecati distinctio molestiae reiciendis deserunt autem corporis veritatis delectus reprehenderit nam qui soluta sed dolores quidem, quam blanditiis, quis excepturi ea ad quasi!</span></p> <iframe width="560" height="315" src="//www.youtube.com/embed/YuOBzWF0Aws" frameborder="0" allowfullscreen></iframe> </div> </article> <sidebar> <h4>Over my Head!</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis, eum, corrupti fugiat autem aut, fugit tenetur quaerat in mollitia reiciendis molestiae modi minus facilis odio repudiandae vel. Expedita, debitis eos.</p> </sidebar>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://codepen.io/ewganoel/pen/DwEfH.js'></script> <script src="js/index.js"></script>
</body>
</html>

M - Script Codes CSS Codes

*{ font-family: Helvetica, Arial, sans-serif; margin: 0px; padding: 0px;
}
.container{ width: 960px; margin: 0 auto;
}
h1{padding:10px;}
h2{padding:5px 10px;}
h3,h4{padding:10px 0px 0px 10px;}
.mainbody{ width:65%; float: left;
}
p,iframe{ padding: 10px;
}
sidebar{ width: 30%; float: right; border: 3px solid red; background-color: #d3d3d3;
}
@media only screen and (min-width: 320px) and (max-width: 768px){ .container{ width: 100%; margin: 0 auto; } header{ background-color: #bbefc5; } h2::after{ color: red; content: " 320 - 768"; } sidebar{ float: none; width:100%; text-align: center; border: 3px solid blue; } .mainbody{ float: none; width:100%; text-align: center; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { .container{ width: 100%; margin: 0 auto; } header{ background-color: #87b0f0; } h2::after{ color: red; content: " 768 - 1024" }
}
@media only screen and (min-width: 1024px){ h2::after{ color: red; content: " 1024 +" } header{ background-color: #fcb4c0; }
}

M - Script Codes JS Codes

// http://fitvidsjs.com
$(".container").fitVids();
M - Script Codes
M - Script Codes
Home Page Home
Developer Noel Peña
Username ewganoel
Uploaded November 05, 2022
Rating 3
Size 2,506 Kb
Views 18,216
Do you need developer help for M?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Noel Peña (ewganoel) Script Codes
Name
Member Discounts Legit and it
FAQs with Toggle
Fun with Media Q
NWGA
Countdown with Rings
Grayscale Filter - Hover to normal
Membership Levels Redesign
Cutter and Buck Sizing Chart
Golf tracks table
EWGA PerksTable
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!