Skip to content

Static Comp Challenge - timed challenge to get as far as we could in an hour.

Notifications You must be signed in to change notification settings

Bradniedt/2win_playlist

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Playlist Static Comp Challenge

Specification

This static comp challenge will keep you exercising that HTML/CSS muscle. 💪 You will be asked to recreate the image below by recreating the screenshot using HTML and CSS.

Don't worry, we'll give you a bit of flexibility, however the objective is to build something that very closely represents the original design.

Once you get into the workforce, building out comps that reflect the designer's choice in layout, spacing, font, imagery, and color to the smallest detail is a requirement.

Things to Note

  • We have not provided you with any assets, nor native files. You will have to source assets on your own per the creative license guidelines below.

Creative License

You may NOT take liberties with the layout, but your creative license includes:

  • Text
  • Images
  • Icons
  • Color palette, but ONLY if you select a complementary palette. We highly encourage you to visit sites like:

Base Requirements

  • Timebox yourself to one hour of work!
  • Basic static site setup with index.html and styles.css, plus a screenshot of your work in a browser
  • Submit your work through a PR

static-comp-challenge-2

About

Static Comp Challenge - timed challenge to get as far as we could in an hour.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 68.3%
  • CSS 31.7%