Skip to content

Morenomdev/Google-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Google-Clone

🔍 Google Clone - HTML & CSS

HTML5 CSS3 Status

It is a project to practice HTML ad CSS cloning the official search's Google.

📸 Preview

preview-google-clone


🚀 Characteristics

  • Design with Flexbox: Implementing alignment for buttons and the search bar.
  • Pixel Perfect: Focused on replicating Google's official margins, fonts, and brand colors.

🛠️ Tech

  • HTML5: Site's structure.
  • CSS3: Styles, positioning and effects.
  • Google Fonts: Official font.

🧠 Learnings

This project helps me to learn more about:

  1. Box Model: Understand how to apply padding, margin and border in complex elements.
  2. Posicionamiento: Differences between 'absolute', 'relative' and Document flow.

📂 Installation and use

  1. Clone repository:
    git clone [https://github.com/Morenomdev/Google-Clone.git]
  2. Open index.html and execute the site.

👤 Autor

Jesus Moreno

About

This repo is a practice to copy the design's Google.com with HTML and CSS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors