Posts

Day 362

Only three days left now! #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** #top {   .container {     display: grid;     grid-template-columns: 1fr 1fr;     padding: 80px 0;     align-items: center;   }   .info {     padding: 15px;     position: relative;     .blue-square {       border: #dbf1ff solid 25px;       width: 300px;       height: 300px;       position: absolute;       z-index: 0;       top: -30%;       left: -27%;     }     h1 {       position: relative;       font-size: 2rem;       text-transform: uppercase;       font-weight: 700;  ...
Post a Comment
Read more

Day 361

Just a few days left... #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** <!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8" />     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <link rel="stylesheet" href="css/main.css" />     <title>Document</title>   </head>   <body>     <section id="top">       <div class="container">         <div class="info">           <div class="blue-square"></div>           <h1>Sean Devlin Connelly</h1>           <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>     ...
Post a Comment
Read more

Day 360

The first installment of the building a personal portfolio course. #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** <!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8" />     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <link rel="stylesheet" href="css/main.css" />     <title>Document</title>   </head>   <body>     <section id="home">       <div class="blue-square"></div>       <div class="info">         <h1>Sean Devlin Connelly</h1>         <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>         <a href="#">Latest Works</a>    ...
Post a Comment
Read more

Day 359

The last of the css for the music site... #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** #tour {   background: #000;   position: relative;   z-index: 4;   #top-img {     background-image: url("/img/group.png");     background-repeat: no-repeat;     background-size: cover;     background-position: center center;     filter: saturate(10%) contrast(125%);     height: 300px;   }   #tourdates {     background: #000;     display: flex;     flex-direction: column;     align-items: center;     padding: 50px;     .title {       color: #fff;       font-size: 2rem;       text-align: center;       margin: 0 0 50px;     }     .dates {  ...
Post a Comment
Read more

Day 358

The final HTML for the music site. #CodingPhase #TheCodingWay #365CodingPhaseChallenge **********     <section id="tour">       <div id="top-img"></div>       <div class="container">         <div id="tourdates">           <div class="title">             TOUR DATES           </div>           <ul class="dates">             <li>               <span class="city">NYC</span>               <span class="location">Best Buy Center</span>  ...
Post a Comment
Read more

Day 357

And today is my favorite number... #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** #music {   padding: 80px 0;   position: relative;   #bluredbg {     background-image: linear-gradient(         45deg,         rgba(255, 253, 60, 1) 0%,         rgba(255, 253, 60, 1) 33%,         rgba(255, 253, 60, 0.96) 36%,         rgba(255, 253, 60, 0.86) 43%,         rgba(176, 38, 183, 0.57) 62%,         rgba(125, 185, 232, 0) 100%       ),       url("/img/album69.jpg");     background-size: cover;     height: 100%;     width: 100%;     filter: blur(50px) saturate(150%);     position: absol...
Post a Comment
Read more

Day 356

A quick day of music site building... #CodingPhase #TheCodingWay #365CodingPhaseChallenge ********** #music {   .container {     display: flex;     #info {       width: 50%;       #title {         font-size: 2rem;         font-weight: 700;         text-align: center;       }       #sub-title {         font-size: 0.7rem;         font-weight: 300;         text-align: center;       }       #singles {         display: grid;         grid-template-columns: 50% 50%;       }     }   ...
Post a Comment
Read more