Skip to content

bertya/interview-css

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS Code Challenge

Install Packages

npm i

Run Dev

npm start

Open in browser

Go to http://localhost:8080/




# Code Challenge:

Screen and browser support: Chrome on Desktop. Don't worry about RWD.
The end result: Here is the screen you are building:

Alt text


Step 1

Clone the repository.

Step 2

Observe the rendered HTML. The page is broken into two columns.
Left Column: The expected end result.
Right Column: What your progress looks like.
You are only modifying the right column to make it look like the left column.
You have access to FontAwesome. All the icons you will need are already inserted into the HTML for you. Feel free to move them around and use them as you see fit.
You also have access to the main image in the center of the screen. Feel free to use the <img> tag or use the reference in any other day.

Step 3

Open index.html and style.css, insert your code in these sections:

YOUR CODE STARTS HERE
    ...
YOUR CODE ENDS HERE

Step 4

Create the main structure of the page using any HTML tags you see fit. You are not limited in any way but this is where you can demonstrate your knowledge of HTML semantics and CSS structure.

Step 5

Get the right column to look as much like to left column as possible in the given time.

Step 6

Once you're done with the challenge create a PR, and you are done!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 50.1%
  • CSS 49.9%