Skip to content

SunTheCoder/CSS-Wireframe-Long-Practice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Basic CSS Wireframe Long Practice

In this practice you will be using CSS to style the HTML that you have identified from the wireframe.

Set up

You can choose to use the HTML that you or your pair created in the HTML Wireframe practice or use the one provided in the starter repo found by clicking the Download Project link below.

Instructions

Your main focus is to replicate the styling for components (button, links, paragraphs, headings, font-family, lists, grid) from scratch, based on the wireframe specs.

The project should look similar to the example images below.

Tip: Use the lorem ipsum generator to get lorem ipsum text used in the wireframe

Get the JS image here.

Bonus: Add a grid that contains at least 4 elements at the end of your article as seen on the example below.

Bonus: Add CSS effects to your elements, like a color change when you hover over a button or a shadow effect to the nav bar.

Wireframe

Example-1

Example-2

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors