Giter VIP home page Giter VIP logo

css-challenges-01's Introduction

Code Labs Academy - CSS Challenges Part 01

Introduction

This is one of the coding challenges for the Fundamentals unit of the web development bootcamp offered by Code Labs Academy. In this unit, we learn the major concepts of HTML, CSS and JavaScript while providing challenges and homeworks for an optimal hands-on learning experience.

Challenge description

This repository contains a set of CSS-related tasks designed to go along with The CLA's HTML and CSS content. These tasks are mainly focused on CSS Foundations and CSS Box Model

  • When doing these challenges, please use all the documentation and resources you need to accomplish them. You are not intended to have any of this stuff memorized at this point. Check the docs, use Google, do what you need to do (besides checking the solutions) to get them done.

  • Before beginning any work, make sure to carefully read the README.md for each exercise. There is a checklist in each README.md. Rely on it to check that you didn't forget to implement any crucial details.

  • Make the necessary changes to the index.html and/or style.css files to get your browser to display the output in the manner you want it to. You might only need to edit one of these files, depending on the exercise's instructions.

๐Ÿ’ก Hints

  • Don't worry about getting the precise pixel value for elements like margin, padding, and font-size unless they are mentioned in the checklist section. Not your ability to guess that a screenshot uses "font: sans-serif bold 16px" or that the margin is exactly "42px," but rather your knowledge of CSS, is what these challenges are meant to test.

  • To put things in the proper place, you might need to add a few elements to your HTML. (For the first few challenges, we explicitly state when this must occur.)

  • More selectors might need to be added to your CSS file. Nearly everything is done for you in the first few challenges, but as you advance, you'll discover that you need to add more and more to achieve the desired result.

Happy coding! ๐Ÿ˜„

css-challenges-01's People

Contributors

adimidania avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.