--------------------------------------------------------------------------------
/Responsive Web Design/06-Learn the CSS Box Model by Building a Rothko Painting/Step-04.html:
--------------------------------------------------------------------------------
1 | 
--------------------------------------------------------------------------------
/Responsive Web Design/06-Learn the CSS Box Model by Building a Rothko Painting/Step-37.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type (box-shadow: 0 0 3px 3px #efb762;) to complete this step! */
--------------------------------------------------------------------------------
/Responsive Web Design/06-Learn the CSS Box Model by Building a Rothko Painting/Step-38.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type (box-shadow: 0 0 3px 3px #8f0401;) to complete this step! */
--------------------------------------------------------------------------------
/Responsive Web Design/06-Learn the CSS Box Model by Building a Rothko Painting/Step-39.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type (box-shadow: 0 0 5px 5px #b20403;) to complete this step! */
--------------------------------------------------------------------------------
/Responsive Web Design/06-Learn the CSS Box Model by Building a Rothko Painting/Step-41.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type (border-radius: 8px 10px 8px 10px;) to complete this step! */
--------------------------------------------------------------------------------
/Responsive Web Design/07-Learn CSS Flexbox by Building a Photo Gallery/Step-08.css:
--------------------------------------------------------------------------------
1 | .gallery img {
2 | width: 100%;
3 | max-width: 350px;
4 | height: 300px;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-14.css:
--------------------------------------------------------------------------------
1 | h1 {
2 | font-weight: 800;
3 | text-align: center;
4 | margin: -4px 0;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-29.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-family: sans-serif;
3 | color: #0a0a23;
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-49.css:
--------------------------------------------------------------------------------
1 | table {
2 | border-collapse: collapse;
3 | border: 0;
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-10.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | z-index: -1;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-24.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | z-index: 1;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-27.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | z-index: 1;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-33.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | z-index: 1;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-48.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | z-index: 1;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-67.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | z-index: -1;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-70.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | z-index: 3;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-78.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | z-index: 3;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-85.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | z-index: 3;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-87.css:
--------------------------------------------------------------------------------
1 | .right {
2 | position: absolute;
3 | top: 15px;
4 | right: 30px;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-88.css:
--------------------------------------------------------------------------------
1 | .left {
2 | position: absolute;
3 | top: 15px;
4 | left: 30px;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/13-Learn Responsive Web Design by Building a Piano/Step-18.css:
--------------------------------------------------------------------------------
1 | .key.black--key::after {
2 | background-color: #1d1e22;
3 | content: "";
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/13-Learn Responsive Web Design by Building a Piano/Step-28.css:
--------------------------------------------------------------------------------
1 | @media (max-width: 768px) {
2 | #piano {
3 | width: 358px;
4 | }
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-100.css:
--------------------------------------------------------------------------------
1 | .fb4-window {
2 | width: 30%;
3 | height: 10%;
4 | border-radius: 50%;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-45.css:
--------------------------------------------------------------------------------
1 | .hero-title {
2 | text-align: center;
3 | color: orangered;
4 | font-size: 8rem;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-55.css:
--------------------------------------------------------------------------------
1 | .text {
2 | grid-column: 2 / 3;
3 | font-size: 1.8rem;
4 | letter-spacing: 0.6px;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-64.css:
--------------------------------------------------------------------------------
1 | .quote::before {
2 | content: '" ';
3 | }
4 |
5 | .quote::after {
6 | content: ' "';
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/18-Learn CSS Animation by Building a Ferris Wheel/Step-06.css:
--------------------------------------------------------------------------------
1 | .line {
2 | background-color: black;
3 | width: 50%;
4 | height: 2px;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/18-Learn CSS Animation by Building a Ferris Wheel/Step-11.css:
--------------------------------------------------------------------------------
1 | .cabin {
2 | background-color: red;
3 | width: 20%;
4 | height: 20%;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-010.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-025.css:
--------------------------------------------------------------------------------
1 | .sun {
2 | width: 200px;
3 | height: 200px;
4 | background-color: yellow;
5 | }
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/004.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | var a;
3 | a = 7;
4 | var b;
5 |
6 | // Only change code below this line
7 | b = 7;
8 | b = a;
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/042.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const myArray = [18, 64, 99];
3 |
4 | // Only change code below this line
5 | myArray[0] = 45;
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/109.js:
--------------------------------------------------------------------------------
1 | function convertToInteger(str) {
2 | return parseInt(str, 2);
3 | }
4 |
5 | convertToInteger("10011");
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/110.js:
--------------------------------------------------------------------------------
1 | function checkEqual(a, b) {
2 | return a === b ? "Equal" : "Not Equal";
3 | }
4 |
5 | checkEqual(1, 2);
--------------------------------------------------------------------------------
/Quality Assurance/3-Quality Assurance Projects/2-Issue Tracker/.gitattributes:
--------------------------------------------------------------------------------
1 | # Tell Linguist to exclude HTML files to help Replit language detection.
2 | *.html linguist-vendored
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-13.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-17.css:
--------------------------------------------------------------------------------
1 | .marker {
2 | width: 200px;
3 | height: 25px;
4 | margin: 10px auto;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-52.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(90deg, rgb(255, 0, 0), rgb(0, 255, 0));
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-63.css:
--------------------------------------------------------------------------------
1 | .green {
2 | background: linear-gradient(180deg, #55680D, #71F53E, #116C31);
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-04.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 | );
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/030.js:
--------------------------------------------------------------------------------
1 | // Only change code below this line
2 | const myName = "Shubham";
3 | const myStr = "My name is " + myName + " Lal.";
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/051.js:
--------------------------------------------------------------------------------
1 | function timesFive(value) {
2 | return value * 5;
3 | }
4 |
5 | timesFive(5);
6 | timesFive(2);
7 | timesFive(0);
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/02-ES6/25-Import a Default Export.js:
--------------------------------------------------------------------------------
1 | import subtract from "./math_functions.js";
2 | // Only change code above this line
3 |
4 | subtract(7, 4);
--------------------------------------------------------------------------------
/Responsive Web Design/01-Learn HTML by Building a Cat Photo App/Step-02.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Add a class to this div
4 |CatPhotoApp
5 |Cat Photos
6 | 7 | 8 | -------------------------------------------------------------------------------- /Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-18.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: brown; 3 | } 4 | 5 | h1, 6 | h2, 7 | p { 8 | text-align: center; 9 | } -------------------------------------------------------------------------------- /Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-24.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-35.css: -------------------------------------------------------------------------------- 1 | .left-container p { 2 | margin: -5px -2px; 3 | font-size: 2em; 4 | font-weight: 700; 5 | } -------------------------------------------------------------------------------- /Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-67.css: -------------------------------------------------------------------------------- 1 | @media (prefers-reduced-motion: no-preference) { 2 | * { 3 | scroll-behavior: smooth; 4 | } 5 | } -------------------------------------------------------------------------------- /Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-31.css: -------------------------------------------------------------------------------- 1 | #tan-table { 2 | width: 450px; 3 | height: 140px; 4 | background-color: #D2691E; 5 | } -------------------------------------------------------------------------------- /Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-49.css: -------------------------------------------------------------------------------- 1 | .fa-music { 2 | display: inline-block; 3 | margin-top: 8%; 4 | margin-left: 13%; 5 | } -------------------------------------------------------------------------------- /Responsive Web Design/13-Learn Responsive Web Design by Building a Piano/Step-02.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-015.css: -------------------------------------------------------------------------------- 1 | .bb1a { 2 | width: 70%; 3 | height: 10%; 4 | background-color: var(--building-color1); 5 | } -------------------------------------------------------------------------------- /Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-39.css: -------------------------------------------------------------------------------- 1 | .heading { 2 | grid-column: 2 / 3; 3 | display: grid; 4 | grid-template-columns: repeat(2, 1fr); 5 | } -------------------------------------------------------------------------------- /Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-66.css: -------------------------------------------------------------------------------- 1 | .text-with-images { 2 | display: grid; 3 | grid-template-columns: 1fr 2fr; 4 | column-gap: 3rem; 5 | } -------------------------------------------------------------------------------- /Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-80.css: -------------------------------------------------------------------------------- 1 | @media only screen and (max-width: 420px) { 2 | .hero-title { 3 | font-size: 4.5rem; 4 | } 5 | } -------------------------------------------------------------------------------- /Responsive Web Design/18-Learn CSS Animation by Building a Ferris Wheel/Step-03.css: -------------------------------------------------------------------------------- 1 | .wheel { 2 | border: 2px solid black; 3 | border-radius: 50%; 4 | margin-left: 50px; 5 | } -------------------------------------------------------------------------------- /Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-044.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-061.css:
--------------------------------------------------------------------------------
1 | .eye-lid {
2 | width: 150%;
3 | height: 100%;
4 | background-color: var(--penguin-face);
5 | }
--------------------------------------------------------------------------------
/Back End Development and APIs/2-Basic Node and Express/01-myApp.js:
--------------------------------------------------------------------------------
1 | let express = require('express');
2 | let app = express();
3 |
4 | console.log("Hello World");
5 |
6 | module.exports = app;
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/021.js:
--------------------------------------------------------------------------------
1 | let a = 3;
2 | let b = 17;
3 | let c = 12;
4 |
5 | // Only change code below this line
6 | a += 12;
7 | b += 9;
8 | c += 7;
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/022.js:
--------------------------------------------------------------------------------
1 | let a = 11;
2 | let b = 9;
3 | let c = 3;
4 |
5 | // Only change code below this line
6 | a -= 6;
7 | b -= 15;
8 | c -= 1;
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/023.js:
--------------------------------------------------------------------------------
1 | let a = 5;
2 | let b = 12;
3 | let c = 4.6;
4 |
5 | // Only change code below this line
6 | a *= 5;
7 | b *= 3;
8 | c *= 10;
--------------------------------------------------------------------------------
/Quality Assurance/3-Quality Assurance Projects/1-Metric-Imperial Converter/.gitattributes:
--------------------------------------------------------------------------------
1 | # Tell Linguist to exclude HTML files to help Replit language detection.
2 | *.html linguist-vendored
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-08.html:
--------------------------------------------------------------------------------
1 | CAMPER CAFE
3 |Est. 2020
4 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-46.css:
--------------------------------------------------------------------------------
1 | fieldset {
2 | border: none;
3 | padding: 2rem 0;
4 | border-bottom: 3px solid #3B3B4F
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/06-Learn the CSS Box Model by Building a Rothko Painting/Step-01.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-27.css:
--------------------------------------------------------------------------------
1 | .large {
2 | height: 10px;
3 | }
4 |
5 | .large,
6 | .medium {
7 | background-color: black;
8 | }
--------------------------------------------------------------------------------
/Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-37.css:
--------------------------------------------------------------------------------
1 | .calories-info span {
2 | font-size: 2.4em;
3 | font-weight: 700;
4 | margin: -7px -2px;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-10.css:
--------------------------------------------------------------------------------
1 | header {
2 | width: 100%;
3 | height: 50px;
4 | background-color: #1b1b32;
5 | display: flex;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-45.css:
--------------------------------------------------------------------------------
1 | nav>ul>li {
2 | color: #dfdfe2;
3 | margin: 0 0.2rem;
4 | padding: 0.2rem;
5 | display: block;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-51.css:
--------------------------------------------------------------------------------
1 | section {
2 | width: 80%;
3 | margin: 0 auto;
4 | margin-bottom: 10px;
5 | max-width: 600px;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-54.css:
--------------------------------------------------------------------------------
1 | .formrow {
2 | margin-top: 10px;
3 | padding: 0 10px;
4 | }
5 |
6 | input {
7 | font-size: 1em;
8 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-53.css:
--------------------------------------------------------------------------------
1 | tbody td {
2 | width: 100vw;
3 | max-width: 4rem;
4 | min-width: 4rem;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-01.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-08.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | width: 100%;
3 | height: 60%;
4 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-41.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | border-width: 150px 0 0 300px;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-46.css:
--------------------------------------------------------------------------------
1 | #white-paper {
2 | width: 400px;
3 | height: 100px;
4 | background-color: GhostWhite;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-83.css:
--------------------------------------------------------------------------------
1 | #guitar-neck {
2 | width: 200px;
3 | height: 30px;
4 | background-color: #D2691E;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-070.css:
--------------------------------------------------------------------------------
1 | .bb4-window {
2 | width: 18%;
3 | height: 90%;
4 | background-color: var(--window-color4);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-085.css:
--------------------------------------------------------------------------------
1 | .fb2-window {
2 | width: 22%;
3 | height: 100%;
4 | background-color: var(--window-color3);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-093.css:
--------------------------------------------------------------------------------
1 | .fb3-window {
2 | width: 25%;
3 | height: 80%;
4 | background-color: var(--window-color1);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-28.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-family: Baskervville, serif;
3 | color: linen;
4 | background-color: rgb(20, 30, 40);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-51.css:
--------------------------------------------------------------------------------
1 | .social-icons {
2 | display: grid;
3 | font-size: 3rem;
4 | grid-template-columns: repeat(5, 1fr);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-012.css:
--------------------------------------------------------------------------------
1 | .penguin {
2 | width: 300px;
3 | height: 300px;
4 | margin: auto;
5 | margin-top: 75px;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-074.css:
--------------------------------------------------------------------------------
1 | .shirt {
2 | font-size: 25px;
3 | font-family: Helvetica, sans-serif;
4 | font-weight: bold;
5 | }
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/024.js:
--------------------------------------------------------------------------------
1 | let a = 48;
2 | let b = 108;
3 | let c = 33;
4 |
5 | // Only change code below this line
6 | a /= 12;
7 | b /= 4;
8 | c /= 11;
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/09-Intermediate Algorithm Scripting/16-Steamroller.md:
--------------------------------------------------------------------------------
1 | # Steamroller
2 |
3 | Flatten a nested array. You must account for varying levels of nesting.
4 |
--------------------------------------------------------------------------------
/Quality Assurance/3-Quality Assurance Projects/1-Metric-Imperial Converter/public/style.css:
--------------------------------------------------------------------------------
1 | code {
2 | background-color: whitesmoke;
3 | }
4 |
5 | section, header {
6 | margin: 50px;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-04.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | CSS Color Markers
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-16.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-53.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(90deg, rgb(255, 0, 0), rgb(0, 255, 0), rgb(0, 0, 255));
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-54.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(90deg, rgb(255, 0, 0) 75%, rgb(0, 255, 0), rgb(0, 0, 255));
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-44.css:
--------------------------------------------------------------------------------
1 | form {
2 | margin: 0 auto;
3 | max-width: 500px;
4 | min-width: 300px;
5 | width: 60vw;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-67.css:
--------------------------------------------------------------------------------
1 | .note {
2 | font-size: 0.6rem;
3 | margin: 5px 0;
4 | padding: 0 8px;
5 | text-indent: -8px;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-17.css:
--------------------------------------------------------------------------------
1 | h1,
2 | h2 {
3 | font-family: Verdana, sans-serif;
4 | }
5 |
6 | h2 {
7 | border-bottom: 4px solid #dfdfe2;
8 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-35.css:
--------------------------------------------------------------------------------
1 | h1 {
2 | max-width: 37.25rem;
3 | margin: 0 auto;
4 | padding: 1.5rem 1.25rem;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-55.css:
--------------------------------------------------------------------------------
1 | tr[class="total"] {
2 | border-bottom: 4px double #0a0a23;
3 | font-weight: bold;
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-56.css:
--------------------------------------------------------------------------------
1 | tr[class="total"] th {
2 | text-align: left;
3 | padding: 0.5rem 0 0.25rem 0.5rem;
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-64.css:
--------------------------------------------------------------------------------
1 | /* Remove all the css styling given below
2 | span {
3 | font-weight: normal;
4 | }
5 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-19.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | border-width: 0 120px 140px 180px;
3 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-22.css:
--------------------------------------------------------------------------------
1 | #black-mask {
2 | width: 100%;
3 | height: 50px;
4 | background-color: rgb(45, 31, 19);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-28.css:
--------------------------------------------------------------------------------
1 | .black-dot {
2 | width: 10px;
3 | height: 10px;
4 | background-color: rgb(45, 31, 19);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-023.css:
--------------------------------------------------------------------------------
1 | .bb2 {
2 | width: 10%;
3 | height: 50%;
4 | background-color: var(--building-color2, green);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-071.css:
--------------------------------------------------------------------------------
1 | .window-wrap {
2 | display: flex;
3 | align-items: center;
4 | justify-content: space-evenly;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-103.css:
--------------------------------------------------------------------------------
1 | .fb4a {
2 | border-top: 5vh solid transparent;
3 | border-left: 8vw solid var(--building-color1)
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-77.css:
--------------------------------------------------------------------------------
1 | @media only screen and (max-width: 720px) {
2 | .image-wrapper {
3 | grid-template-columns: 1fr;
4 | }
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-028.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-048.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-079.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-089.css:
--------------------------------------------------------------------------------
1 | .arm.left {
2 | top: 35%;
3 | left: 5%;
4 | }
5 |
6 | .arm.right {
7 | top: 0%;
8 | right: -5%;
9 | }
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/031.js:
--------------------------------------------------------------------------------
1 | // Change code below this line
2 | const someAdjective = "fun af!";
3 | let myStr = "Learning to code is ";
4 | myStr += someAdjective;
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/044.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const myArray = [["John", 23], ["cat", 2]];
3 |
4 | // Only change code below this line
5 | myArray.push(["dog", 3]);
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/106.js:
--------------------------------------------------------------------------------
1 | function randomWholeNum() {
2 |
3 | // Only change code below this line
4 |
5 | return Math.floor(Math.random() * 10);
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-25.css:
--------------------------------------------------------------------------------
1 | div {
2 | width: 80%;
3 | background-color: burlywood;
4 | margin-left: auto;
5 | margin-right: auto;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-26.css:
--------------------------------------------------------------------------------
1 | .menu {
2 | width: 80%;
3 | background-color: burlywood;
4 | margin-left: auto;
5 | margin-right: auto;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-74.css:
--------------------------------------------------------------------------------
1 | .item p {
2 | display: inline-block;
3 | margin-top: 5px;
4 | margin-bottom: 5px;
5 | font-size: 18px;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-13.css:
--------------------------------------------------------------------------------
1 | .marker {
2 | width: 200px;
3 | height: 25px;
4 | background-color: red;
5 | margin: auto;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-55.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(180deg, rgb(255, 0, 0) 75%, rgb(0, 255, 0), rgb(0, 0, 255));
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-64.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(180deg, rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-69.css:
--------------------------------------------------------------------------------
1 | .blue {
2 | background: linear-gradient(hsl(186, 76%, 16%), hsl(223, 90%, 60%), hsl(240, 56%, 42%));
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-75.css:
--------------------------------------------------------------------------------
1 | .sleeve {
2 | width: 110px;
3 | height: 25px;
4 | background-color: rgba(255, 255, 255, 0.5);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/07-Learn CSS Flexbox by Building a Photo Gallery/Step-17.css:
--------------------------------------------------------------------------------
1 | .gallery img {
2 | width: 100%;
3 | max-width: 350px;
4 | height: 300px;
5 | object-fit: cover;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-10.css:
--------------------------------------------------------------------------------
1 | .label {
2 | border: 2px solid black;
3 | width: 270px;
4 | margin: 20px auto;
5 | padding: 0 7px;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-18.css:
--------------------------------------------------------------------------------
1 | h1 {
2 | font-weight: 800;
3 | text-align: center;
4 | margin: -4px 0;
5 | letter-spacing: 0.15px;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-34.css:
--------------------------------------------------------------------------------
1 | .calories-info {
2 | display: flex;
3 | justify-content: space-between;
4 | align-items: flex-end;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-36.css:
--------------------------------------------------------------------------------
1 | h1 .flex {
2 | display: flex;
3 | flex-direction: column-reverse;
4 | gap: 1rem;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-39.css:
--------------------------------------------------------------------------------
1 | section {
2 | max-width: 40rem;
3 | margin: 0 auto;
4 | border: 2px solid #d0d0d5;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-51.css:
--------------------------------------------------------------------------------
1 | table caption {
2 | color: #356eaf;
3 | font-size: 1.3em;
4 | font-weight: normal;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-16.css:
--------------------------------------------------------------------------------
1 | #offwhite-character {
2 | width: 300px;
3 | height: 550px;
4 | background-color: GhostWhite;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-25.css:
--------------------------------------------------------------------------------
1 | #gray-instrument {
2 | width: 15%;
3 | height: 40%;
4 | background-color: rgb(167, 162, 117);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-38.css:
--------------------------------------------------------------------------------
1 | #black-character {
2 | width: 300px;
3 | height: 500px;
4 | background-color: rgb(45, 31, 19);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-44.css:
--------------------------------------------------------------------------------
1 | #gray-mask {
2 | width: 150px;
3 | height: 150px;
4 | background-color: rgb(167, 162, 117);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-64.css:
--------------------------------------------------------------------------------
1 | #black-round-hat {
2 | width: 180px;
3 | height: 150px;
4 | background-color: rgb(45, 31, 19);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/13-Learn Responsive Web Design by Building a Piano/Step-10.css:
--------------------------------------------------------------------------------
1 | html {
2 | box-sizing: border-box;
3 | }
4 |
5 | *,
6 | ::before,
7 | ::after {
8 | box-sizing: inherit;
9 | }
--------------------------------------------------------------------------------
/Responsive Web Design/13-Learn Responsive Web Design by Building a Piano/Step-16.css:
--------------------------------------------------------------------------------
1 | .key {
2 | background-color: #ffffff;
3 | position: relative;
4 | width: 41px;
5 | height: 175px;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-029.css:
--------------------------------------------------------------------------------
1 | .foreground-buildings {
2 | width: 100%;
3 | height: 100%;
4 | position: absolute;
5 | top: 0;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-074.css:
--------------------------------------------------------------------------------
1 | .fb1b {
2 | width: 60%;
3 | height: 10%;
4 | }
5 |
6 | .fb1c {
7 | width: 100%;
8 | height: 80%;
9 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-089.css:
--------------------------------------------------------------------------------
1 | .fb3a {
2 | width: 80%;
3 | height: 15%;
4 | }
5 |
6 | .fb3b {
7 | width: 100%;
8 | height: 35%;
9 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-56.css:
--------------------------------------------------------------------------------
1 | .text {
2 | grid-column: 2 / 3;
3 | font-size: 1.8rem;
4 | letter-spacing: 0.6px;
5 | column-width: 25rem;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-78.css:
--------------------------------------------------------------------------------
1 | @media only screen and (max-width: 600px) {
2 | .text-with-images {
3 | grid-template-columns: 1fr;
4 | }
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-075.css:
--------------------------------------------------------------------------------
1 | .shirt {
2 | font: bold 25px Helvetica, sans-serif;
3 | }
4 |
5 | .shirt div {
6 | font-weight: initial;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-38.css:
--------------------------------------------------------------------------------
1 | .flavor {
2 | text-align: left;
3 | width: 50%;
4 | }
5 |
6 | .price {
7 | text-align: right;
8 | width: 50%;
9 | }
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-39.css:
--------------------------------------------------------------------------------
1 | .flavor {
2 | text-align: left;
3 | width: 49%;
4 | }
5 |
6 | .price {
7 | text-align: right;
8 | width: 49%;
9 | }
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-41.css:
--------------------------------------------------------------------------------
1 | .flavor {
2 | text-align: left;
3 | width: 50%;
4 | }
5 |
6 | .price {
7 | text-align: right;
8 | width: 50%;
9 | }
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-45.css:
--------------------------------------------------------------------------------
1 | .flavor {
2 | text-align: left;
3 | width: 75%;
4 | }
5 |
6 | .price {
7 | text-align: right;
8 | width: 25%;
9 | }
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-90.html:
--------------------------------------------------------------------------------
1 | Desserts
2 |
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-15.css:
--------------------------------------------------------------------------------
1 | .marker {
2 | width: 200px;
3 | height: 25px;
4 | background-color: red;
5 | margin: 10px auto;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-19.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-38.css:
--------------------------------------------------------------------------------
1 | .one {
2 | background-color: rgb(0, 0, 0);
3 | }
4 |
5 | .two {
6 | background-color: rgb(255, 0, 0);
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-41.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-56.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(180deg, rgb(255, 0, 0) 0%, rgb(0, 255, 0) 50%, rgb(0, 0, 255) 100%);
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-73.css:
--------------------------------------------------------------------------------
1 | .sleeve {
2 | width: 110px;
3 | height: 25px;
4 | background-color: white;
5 | opacity: 0.5;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-88.css:
--------------------------------------------------------------------------------
1 | .green {
2 | background: linear-gradient(#55680D, #71F53E, #116C31);
3 | box-shadow: 5px 5px 5px green;
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/07-Learn CSS Flexbox by Building a Photo Gallery/Step-14.css:
--------------------------------------------------------------------------------
1 | .gallery {
2 | display: flex;
3 | flex-direction: row;
4 | flex-wrap: wrap;
5 | justify-content: center;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-04.html:
--------------------------------------------------------------------------------
1 |
2 | AcmeWidgetCorp
3 | Balance Sheet
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-09.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/043.js:
--------------------------------------------------------------------------------
1 | const myArray = [
2 | [1, 2, 3],
3 | [4, 5, 6],
4 | [7, 8, 9],
5 | [[10, 11, 12], 13, 14],
6 | ];
7 |
8 | const myData = myArray[2][1];
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-16.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | jQuery Playground
3 |Coffee
2 |French Vanilla
4 |3.00
5 |2 | Visit our website 3 |
4 |123 Free Code Camp Drive
-------------------------------------------------------------------------------- /Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-88.html: -------------------------------------------------------------------------------- 1 |Coffee
2 |
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-23.css:
--------------------------------------------------------------------------------
1 | .two {
2 | background-color: rgb(0, 255, 0);
3 | }
4 |
5 | .three {
6 | background-color: rgb(0, 0, 255);
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-36.css:
--------------------------------------------------------------------------------
1 | .one {
2 | background-color: rgb(255, 0, 0);
3 | }
4 |
5 | .two {
6 | background-color: rgb(0, 255, 255);
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-44.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-57.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(180deg, rgb(122, 74, 14) 0%, rgb(0, 255, 0) 50%, rgb(0, 0, 255) 100%);
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-58.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(180deg, rgb(122, 74, 14) 0%, rgb(245, 62, 113) 50%, rgb(0, 0, 255) 100%);
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-93.css:
--------------------------------------------------------------------------------
1 | .green {
2 | background: linear-gradient(#55680D, #71F53E, #116C31);
3 | box-shadow: 0 0 20px 0 #3B7E20CC;
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-07.html:
--------------------------------------------------------------------------------
1 |
2 | Registration Form
3 |Please fill out this form with the required information
4 | -------------------------------------------------------------------------------- /Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-42.html: -------------------------------------------------------------------------------- 1 |
2 |
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-09.css:
--------------------------------------------------------------------------------
1 | #logo {
2 | width: max(100px, 18vw);
3 | background-color: #0a0a23;
4 | aspect-ratio: 35/4;
5 | padding: 0.4rem;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-07.html:
--------------------------------------------------------------------------------
1 | % Daily Value *
3 | 4 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-17.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-073.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-40.css:
--------------------------------------------------------------------------------
1 | .heading {
2 | grid-column: 2 / 3;
3 | display: grid;
4 | grid-template-columns: repeat(2, 1fr);
5 | row-gap: 1.5rem;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-59.css:
--------------------------------------------------------------------------------
1 | .first-paragraph::first-letter {
2 | font-size: 6rem;
3 | color: orangered;
4 | float: left;
5 | margin-right: 1rem;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-63.css:
--------------------------------------------------------------------------------
1 | .quote {
2 | color: #00beef;
3 | font-size: 2.4rem;
4 | text-align: center;
5 | font-family: Raleway, sans-serif;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-73.css:
--------------------------------------------------------------------------------
1 | .image-wrapper {
2 | display: grid;
3 | grid-template-columns: 2fr 1fr;
4 | grid-template-rows: repeat(3, min-content);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-013.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-058.css:
--------------------------------------------------------------------------------
1 | .eye {
2 | width: 15%;
3 | height: 17%;
4 | background-color: black;
5 | top: 45%;
6 | border-radius: 50%;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-065.css:
--------------------------------------------------------------------------------
1 | .blush {
2 | width: 15%;
3 | height: 10%;
4 | background-color: pink;
5 | top: 65%;
6 | border-radius: 50%;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-084.css:
--------------------------------------------------------------------------------
1 | .foot.left {
2 | left: 25%;
3 | rotate: 80deg;
4 | }
5 |
6 | .foot.right {
7 | right: 25%;
8 | rotate: -80deg;
9 | }
--------------------------------------------------------------------------------
/Back End Development and APIs/4-Back End Development and APIs Projects/03-URL Shortener Microservice/.gitattributes:
--------------------------------------------------------------------------------
1 | # Tell Linguist to exclude HTML files to help Replit language detection.
2 | *.html linguist-vendored
--------------------------------------------------------------------------------
/Front End Development Libraries/1-Bootstrap/21-Create a Bootstrap Row.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/Front End Development Libraries/5-Redux/04-Define an Action Creator.js:
--------------------------------------------------------------------------------
1 | const action = {
2 | type: 'LOGIN'
3 | }
4 | // Define an action creator here:
5 | const actionCreator = () => {
6 | return action;
7 | };
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/045.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const myArray = [["John", 23], ["cat", 2]];
3 |
4 | // Only change code below this line
5 | const removedFromMyArray = myArray.pop();
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/046.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const myArray = [["John", 23], ["dog", 3]];
3 |
4 | // Only change code below this line
5 | const removedFromMyArray = myArray.shift();
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/050.js:
--------------------------------------------------------------------------------
1 | function functionWithArgs (param1, param2) {
2 | console.log(param1+param2);
3 | }
4 |
5 | functionWithArgs(1, 2);
6 | functionWithArgs(7, 9);
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/097.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const myArray = [];
3 |
4 | // Only change code below this line
5 | for (let i = 0; i < 5; i++) {
6 | myArray.push(i + 1);
7 | }
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/098.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const myArray = [];
3 |
4 | // Only change code below this line
5 | for (let i = 0; i < 5; i++) {
6 | myArray.push(2 * i + 1);
7 | }
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/099.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const myArray = [];
3 |
4 | // Only change code below this line
5 | for (let i = 10; i > 0; i--) {
6 | myArray.push(i -= 1);
7 | }
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/09-Intermediate Algorithm Scripting/05-Spinal Tap Case.md:
--------------------------------------------------------------------------------
1 | # Spinal Tap Case
2 |
3 | Convert a string to spinal case. Spinal case is all-lowercase-words-joined-by-dashes.
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-59.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(180deg, rgb(122, 74, 14) 0%, rgb(245, 62, 113) 50%, rgb(162, 27, 27) 100%);
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-03.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-12.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-56.css:
--------------------------------------------------------------------------------
1 | .info input {
2 | width: 50%;
3 | text-align: left;
4 | }
5 |
6 | .info label {
7 | width: 10%;
8 | min-width: 55px;
9 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-40.css:
--------------------------------------------------------------------------------
1 | #years {
2 | display: flex;
3 | justify-content: flex-end;
4 | position: sticky;
5 | top: 0;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-61.css:
--------------------------------------------------------------------------------
1 | tr[class="data"] {
2 | background-image: linear-gradient(to bottom, #dfdfe2 1.845rem, white 1.845rem);
3 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-13.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-30.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | display: block;
3 | margin: auto;
4 | margin-top: 65%;
5 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-37.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-60.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-73.css:
--------------------------------------------------------------------------------
1 | /* As mentioned, type the below CSS to complete this step!
2 | border-style: solid;
3 | border-width: 42px 45px 45px 0;
4 | */
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-79.css:
--------------------------------------------------------------------------------
1 | .guitar {
2 | width: 150px;
3 | height: 120px;
4 | background-color: Goldenrod;
5 | border-radius: 50%;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/12-Learn Intermediate CSS by Building a Picasso Painting/Step-86.css:
--------------------------------------------------------------------------------
1 | .eyes {
2 | width: 35px;
3 | height: 20px;
4 | background-color: #8B4513;
5 | border-radius: 20px 50%;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-043.css:
--------------------------------------------------------------------------------
1 | .bb1a {
2 | width: 70%;
3 | }
4 |
5 | .bb1b {
6 | width: 80%;
7 | }
8 |
9 | .bb1c {
10 | width: 90%;
11 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-67.css:
--------------------------------------------------------------------------------
1 | .text-with-images {
2 | display: grid;
3 | grid-template-columns: 1fr 2fr;
4 | column-gap: 3rem;
5 | margin-bottom: 3rem;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-003.css:
--------------------------------------------------------------------------------
1 | body {
2 | background: linear-gradient(45deg, rgb(118, 201, 255), rgb(247, 255, 222));
3 | margin: 0;
4 | padding: 0;
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-081.css:
--------------------------------------------------------------------------------
1 | .foot {
2 | width: 15%;
3 | height: 30%;
4 | background-color: orange;
5 | top: 85%;
6 | border-radius: 50%;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-091.css:
--------------------------------------------------------------------------------
1 | .arm.left {
2 | top: 35%;
3 | left: 5%;
4 | transform-origin: top left;
5 | transform: rotate(130deg) scaleX(-1);
6 | }
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/032.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | let lastNameLength = 0;
3 | const lastName = "Lovelace";
4 |
5 | // Only change code below this line
6 | lastNameLength = lastName.length;
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/035.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const lastName = "Lovelace";
3 |
4 | // Only change code below this line
5 | const thirdLetterOfLastName = lastName[2]; // Change this line
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-83.css:
--------------------------------------------------------------------------------
1 | a:visited {
2 | color: black;
3 | }
4 |
5 | a:hover {
6 | color: brown;
7 | }
8 |
9 | a:active {
10 | color: brown;
11 | }
--------------------------------------------------------------------------------
/Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-10.css:
--------------------------------------------------------------------------------
1 | body {
2 | width: 100%;
3 | height: 100vh;
4 | margin: 0;
5 | background-color: #1B1B32;
6 | color: #F5F6F7;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-62.css:
--------------------------------------------------------------------------------
1 | form {
2 | width: 60vw;
3 | max-width: 500px;
4 | min-width: 300px;
5 | margin: 0 auto;
6 | padding-bottom: 2em;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-40.html:
--------------------------------------------------------------------------------
1 |
2 | jQuery Playground
3 | 4 |
3 |
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-22.html:
--------------------------------------------------------------------------------
1 | % Daily Value *
4 |
2 |
3 |
4 |
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-49.css:
--------------------------------------------------------------------------------
1 | h1 {
2 | color: #f1be32;
3 | font-size: min(5vw, 1.2em);
4 | text-align: center;
5 | }
6 |
7 | main {
8 | padding-top: 30px;
9 | }
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-58.css:
--------------------------------------------------------------------------------
1 | .question-block {
2 | text-align: left;
3 | display: block;
4 | width: 100%;
5 | margin-top: 20px;
6 | padding-top: 5px;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-31.css:
--------------------------------------------------------------------------------
1 | span[class~="sr-only"] {
2 | border: 0;
3 | clip: rect(1px, 1px, 1px, 1px);
4 | clip-path: inset(50%);
5 | }
--------------------------------------------------------------------------------
/Responsive Web Design/13-Learn Responsive Web Design by Building a Piano/Step-19.css:
--------------------------------------------------------------------------------
1 | .key.black--key::after {
2 | background-color: #1d1e22;
3 | content: "";
4 | position: absolute;
5 | left: -18px;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-013.css:
--------------------------------------------------------------------------------
1 | .bb1 {
2 | width: 10%;
3 | height: 70%;
4 | display: flex;
5 | flex-direction: column;
6 | align-items: center;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-52.css:
--------------------------------------------------------------------------------
1 | .social-icons {
2 | display: grid;
3 | font-size: 3rem;
4 | grid-template-columns: repeat(5, 1fr);
5 | grid-auto-flow: column;
6 | }
--------------------------------------------------------------------------------
/Back End Development and APIs/4-Back End Development and APIs Projects/02-Request Header Parser Microservice/.gitattributes:
--------------------------------------------------------------------------------
1 | # Tell Linguist to exclude HTML files to help Replit language detection.
2 | *.html linguist-vendored
--------------------------------------------------------------------------------
/Front End Development Libraries/5-Redux/02-Get State from the Redux Store.js:
--------------------------------------------------------------------------------
1 | const store = Redux.createStore(
2 | (state = 5) => state
3 | );
4 |
5 | // Change code below this line
6 | const currentState = store.getState();
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/047.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const myArray = [["John", 23], ["dog", 3]];
3 | myArray.shift();
4 |
5 | // Only change code below this line
6 | myArray.unshift(["Paul", 35]);
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-86.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));
3 | box-shadow: 5px 5px red;
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-05.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
2 |
3 |
--------------------------------------------------------------------------------
/Responsive Web Design/13-Learn Responsive Web Design by Building a Piano/Step-29.css:
--------------------------------------------------------------------------------
1 | @media (max-width: 768px) {
2 | #piano {
3 | width: 358px;
4 | }
5 |
6 | .keys {
7 | width: 318px;
8 | }
9 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-004.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-18.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/102.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const myArray = [];
3 | let i = 10;
4 |
5 | // Only change code below this line
6 | do {
7 | myArray.push(i);
8 | i++;
9 | } while (i < 10);
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/06-Basic Algorithm Scripting/10-Boo who.md:
--------------------------------------------------------------------------------
1 | # Boo who
2 |
3 | Check if a value is classified as a boolean primitive. Return true or false.
4 |
5 | Boolean primitives are true and false.
6 |
--------------------------------------------------------------------------------
/Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-55.css:
--------------------------------------------------------------------------------
1 | .menu {
2 | width: 80%;
3 | background-color: burlywood;
4 | margin-left: auto;
5 | margin-right: auto;
6 | padding: 20px 20px;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-87.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));
3 | box-shadow: -5px -5px red;
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-90.css:
--------------------------------------------------------------------------------
1 | .red {
2 | background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));
3 | box-shadow: 0 0 20px 0 red;
4 | }
--------------------------------------------------------------------------------
/Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-54.css:
--------------------------------------------------------------------------------
1 | input,
2 | textarea {
3 | background-color: #0a0a23;
4 | border: 1px solid #0a0a23;
5 | color: #FFFFFF;
6 | min-height: 2em;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/04-Learn HTML Forms by Building a Registration Form/Step-58.css:
--------------------------------------------------------------------------------
1 | input[type="submit"] {
2 | display: block;
3 | width: 60%;
4 | margin: 0 auto;
5 | height: 2em;
6 | font-size: 1.1rem;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/09-Learn Accessibility by Building a Quiz/Step-01.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
--------------------------------------------------------------------------------
/Responsive Web Design/13-Learn Responsive Web Design by Building a Piano/Step-31.css:
--------------------------------------------------------------------------------
1 | .keys {
2 | background-color: #040404;
3 | width: 949px;
4 | height: 180px;
5 | padding-left: 2px;
6 | overflow: hidden;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-083.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-092.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-112.css:
--------------------------------------------------------------------------------
1 | .sky {
2 | background: radial-gradient(#ffcf33 0%,
3 | #ffcf33 20%,
4 | #ffff66 21%,
5 | #bbeeff 100%);
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/15-Learn CSS Variables by Building a City Skyline/Step-117.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --building-color1: #000;
3 | --building-color2: #000;
4 | --building-color3: #000;
5 | --building-color4: #000;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-57.css:
--------------------------------------------------------------------------------
1 | .text {
2 | grid-column: 2 / 3;
3 | font-size: 1.8rem;
4 | letter-spacing: 0.6px;
5 | column-width: 25rem;
6 | text-align: justify;
7 | }
--------------------------------------------------------------------------------
/Responsive Web Design/16-Learn CSS Grid by Building a Magazine/Step-74.css:
--------------------------------------------------------------------------------
1 | .image-wrapper {
2 | display: grid;
3 | grid-template-columns: 2fr 1fr;
4 | grid-template-rows: repeat(3, min-content);
5 | gap: 2rem;
6 | }
--------------------------------------------------------------------------------
/Responsive Web Design/19-Learn CSS Transforms by Building a Penguin/Step-040.css:
--------------------------------------------------------------------------------
1 | .penguin-body::before {
2 | content: "";
3 | position: absolute;
4 | width: 50%;
5 | height: 45%;
6 | background-color: gray;
7 | }
--------------------------------------------------------------------------------
/Back End Development and APIs/2-Basic Node and Express/02-myApp.js:
--------------------------------------------------------------------------------
1 | let express = require('express');
2 | let app = express();
3 |
4 | app.get("/", (req, res) => {
5 | res.send("Hello Express");
6 | });
7 |
8 | module.exports = app;
--------------------------------------------------------------------------------
/Back End Development and APIs/4-Back End Development and APIs Projects/04-Exercise Tracker/.gitattributes:
--------------------------------------------------------------------------------
1 | # Tell Linguist to exclude HTML files to help Replit language detection.
2 | *.html linguist-vendored
3 | *.css linguist-vendored
--------------------------------------------------------------------------------
/Front End Development Libraries/4-React/03-Add Comments in JSX.jsx:
--------------------------------------------------------------------------------
1 | const JSX = (
2 |
3 | {/* Here goes nothing */}
4 |
7 | );
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/010.js:
--------------------------------------------------------------------------------
1 | const FCC = "freeCodeCamp"; // Change this line
2 | let fact = "is cool!"; // Change this line
3 | fact = "is awesome!";
4 | console.log(FCC, fact); // Change this line
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/036.js:
--------------------------------------------------------------------------------
1 | // Setup
2 | const lastName = "Lovelace";
3 |
4 | // Only change code below this line
5 | const lastLetterOfLastName = lastName[lastName.length - 1]; // Change this line
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/088.js:
--------------------------------------------------------------------------------
1 | const myDog = {
2 | "name": "Happy Coder",
3 | "legs": 4,
4 | "tails": 1,
5 | "friends": ["freeCodeCamp Campers"]
6 | };
7 |
8 | myDog.bark = "howl";
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/01-Basic Javascript/105.js:
--------------------------------------------------------------------------------
1 | function randomFraction() {
2 |
3 | // Only change code below this line
4 |
5 | return Math.random();
6 |
7 | // Only change code above this line
8 | }
--------------------------------------------------------------------------------
/JavaScript Algorithms and Data Structures/06-Basic Algorithm Scripting/02-Reverse a String.md:
--------------------------------------------------------------------------------
1 | # Reverse a String
2 |
3 | Reverse the provided string and return the reversed string.
4 |
5 | For example, "hello" should become "olleh".
6 |
--------------------------------------------------------------------------------
/Responsive Web Design/01-Learn HTML by Building a Cat Photo App/Step-03.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | This is a block of JSX
5 |Here's a subtitle
6 |CatPhotoApp
5 |Cat Photos
6 |See more cat photos in our gallery.
7 | 8 | 9 | -------------------------------------------------------------------------------- /Responsive Web Design/02-Learn Basic CSS by Building a Cafe Menu/Step-72.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); 3 | font-family: sans-serif; 4 | padding: 20px; 5 | } -------------------------------------------------------------------------------- /Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-79.css: -------------------------------------------------------------------------------- 1 | .sleeve { 2 | width: 110px; 3 | height: 25px; 4 | background-color: rgba(255, 255, 255, 0.5); 5 | border-left-width: 10px; 6 | } -------------------------------------------------------------------------------- /Responsive Web Design/03-Learn CSS Colors by Building a Set of Colored Markers/Step-89.css: -------------------------------------------------------------------------------- 1 | .blue { 2 | background: linear-gradient(hsl(186, 76%, 16%), hsl(223, 90%, 60%), hsl(240, 56%, 42%)); 3 | box-shadow: 0 0 0 5px blue; 4 | } -------------------------------------------------------------------------------- /Responsive Web Design/07-Learn CSS Flexbox by Building a Photo Gallery/Step-15.css: -------------------------------------------------------------------------------- 1 | .gallery { 2 | display: flex; 3 | flex-direction: row; 4 | flex-wrap: wrap; 5 | justify-content: center; 6 | align-items: center; 7 | } -------------------------------------------------------------------------------- /Responsive Web Design/08-Learn Typography by Building a Nutrition Label/Step-30.html: -------------------------------------------------------------------------------- 1 |
2 |
--------------------------------------------------------------------------------
/Responsive Web Design/11-Learn More About CSS Pseudo Selectors By Building A Balance Sheet/Step-10.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 | Amount per serving
4 |A Brief History
3 |Of the Curriculum
4 |
3 |
4 |
6 |
7 | );
--------------------------------------------------------------------------------
Welcome to React!
4 |
Be sure to close all tags!
5 |6 |