Skip to content

A small HTML and CSS challenge to copy a design as closely as possible.

Notifications You must be signed in to change notification settings

petter0619/copy-a-design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

CSS Design Replication Challenge

A quick project to demonstrate how closely I can replicate/copy a given design. The result can be viewed here on Github Pages.

Specification

Make a complete HTML page looking like the design below on desktop. Unfortunately, the designer was very busy and did not have time to finalize the mobile layout. But the specification says that the mobile view should show only one image per row (like Instagram).

The CSS should be crafted with:

  • A mobile first approach.
  • Consideration for different browsers' compatibility. We want you to support Internet Explorer 11 as well as modern browsers such as Chrome and Safari.
  • A consistent naming convention and code style.
  • You may not use Bootstrap, jQuery or similar.

Zoomed to full page

About

A small HTML and CSS challenge to copy a design as closely as possible.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published