Skip to content

Neogiciaa/Pixel-Perfect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pixel perfect, baby !


  • Type of Challenge: exercise solo
  • Duration: 3h

Use the following Figma to create a pixel perfect replica in html and css.

FIGMA PROJECT

PART 1

  • Create a index.html and style.css
  • Init a git repository and link it to a GitHub repo.
  • Develop the website from scratch.
  • Commit each time you think fits.
  • Read all the comments for instructions.
  • Follow each spacing that is present in the design (margin, padding, width, etc.)
  • Use the correct colors provided by the design.
  • Download the original picture from Figma itself.
  • Try to not use flex or grid (we will have plenty of opportunities to do it later. Let's practice otherwise)
  • If you have questions, don't hesitate !

PART 2

  • Find a way to deploy your page as a GitHub page.
  • Share it in Discord

About

Becode CSS challenge

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors