Difference between revisions of "Team:MSU-Michigan/Design"

Line 2: Line 2:
 
<html>
 
<html>
  
 +
<style>
 +
* {
 +
    box-sizing: border-box;
 +
}
  
 +
body {
 +
    margin: 0;
 +
}
  
 +
/* Style the header */
 +
.header {
 +
    padding: 50px;
 +
    text-align: center;
 +
}
  
−
<div class="column full_size">
+
/* Create three unequal columns that floats next to each other */
 +
.column {
 +
    float: left;
 +
    padding: 10px;
 +
    height: 300px; /* Should be removed. Only for demonstration */
 +
}
 +
 
 +
/* Left and right column */
 +
.column.side {
 +
    width: 10%;
 +
}
 +
 
 +
/* Middle column */
 +
.column.middle {
 +
    width: 80%;
 +
}
 +
 
 +
/* Clear floats after the columns */
 +
.row:after {
 +
    content: "";
 +
    display: table;
 +
    clear: both;
 +
}
 +
 
 +
/* Style the footer */
 +
.footer {
 +
    padding: 10px;
 +
    text-align: center;
 +
}
 +
 
 +
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
 +
@media (max-width: 600px) {
 +
    .column.side, .column.middle {
 +
        width: 100%;
 +
    }
 +
}
 +
</style>
 +
 
 +
 
 +
<div class="column side"></div>
 +
<div class="column middle">
 
<h1>Design</h1>
 
<h1>Design</h1>
 
<p>
 
<p>

Revision as of 19:28, 15 October 2017

Design

Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.

This page is different to the "Applied Design Award" page. Please see the Applied Design page for more information on how to compete for that award.

What should this page contain?
  • Explanation of the engineering principles your team used in your design
  • Discussion of the design iterations your team went through
  • Experimental plan to test your designs
Inspiration