npm i
npm start
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:
Clone the repository.
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.
Open index.html
and style.css
, insert your code in these sections:
YOUR CODE STARTS HERE
...
YOUR CODE ENDS HERE
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.
Get the right column to look as much like to left column as possible in the given time.
Once you're done with the challenge create a PR, and you are done!