Sean D Connelly - CP365 LOG

Part of the form I will be using to build accounts in my project... #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** <div id="regName">         <div id="test">           <label>Account Code?</label>           <input type="text" name="acntCode" size="15" maxlength="13">                        <label>Account Association Code?</label>           <input type="text" name="acntCode" size="15" maxlength="13">         </div>         <br>         <label>First Name</label>         <input type="text" name="firstName" size="10" maxlength="12">         <label>Middle Initial</label>         <input type="text...

This is me building some shapes in my project using CSS. #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** #shape0 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250px; height: 250px; margin: auto; box-shadow: 3px 3px 4px lightblue; border-radius: 25px; background-color: #efefef; } #shape0 #exit { position: absolute; bottom: 20px; left: 10px; border-radius: 12px; box-shadow: 3px 3px 4px lightblue; background-color: #ff1a1a; width: 110px; height: 40px; }

Building the main nav of the project #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** #main-nav { margin: 0; padding: 5px; position: absolute; width: 75%; top: 11%; left: 51%; transform: translate(-50%, -50%); border-radius: 10px 10px 10px 10px; border: 1px solid #c0c0c0; box-shadow: 0 2px 3px #33b3a6; overflow: hidden; list-style-type: none; font-size: .8rem; /*border-radius: 12px 12px 0 0;*/ /*border-bottom: 1px solid #c0c0c0;*/ background-color: #66e6d9; }

Back to work on my project... For today anyway. #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** <ul id="main-nav"> <li class="left"><a href="index.html">Home</a></li> <li class="left"><a href="about.html">About</a></li> <li class="right"><a href="faq.html">F A Q</a></li> <li class="right"><a href="contact.html">Contact</a></li> <li class="right"><a href="register.html">Register</a></li> <li class="right"><a href="login.html">Login</a></li> </ul>

I will give you more when I get this working the way I want it... Forms!!! Yipeeee! #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** .contact form button, .contact form input, .contact form textarea{   width:100%;   padding:1em;   border:1px solid #c9e6ff; } .contact form button{   background:#c9e6ff;   border:0;   text-transform: uppercase; } .contact form button:hover,.contact form button:focus{   background:#92bde7;   color:#fff;   outline:0;   transition: background-color 2s ease-out; }

Some notes I put together on "for" loops #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** //Loops // for loops // for(set a variable; set the condition; increment) { // do something // } for (var i = 0; i < 10; i++) { console.log(i); } var w = 0; while(w < 10) { console.log(w); w++; } var digits = [55,84,95,221,2,8,665,35,44]; digits.forEach(function(number){ console.log(number); }); //End Loops

Media query to adjust for screen size. #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** @media(min-width:700px)  {   .wrapper{     display: grid;     grid-template-columns: 1fr 2fr;   }   .wrapper > *  {     padding:2em;   }   .company-info h3, .company-info ul, .brand  {     text-align: left;   }