Skip to content

In this project, we created a gray-scale heat map of the Smash Magazine website. It shows which element has the greatest weight in the visual hierarchy. We used floats, grids and flex positioning effectively to achieve the desired results.

Notifications You must be signed in to change notification settings

vmwhoami/smashing-magazine

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SMASHING MAGAZINE PAGE CLONE

The goal of this project is to build a heatmap of the Smashing magazine website

I learned to think in terms of visual hierarchy, typography and design principles.

Created a grayscale heat map of the website that indicates which elements have the greatest weight in the visual hierarchy.

Got better at positioning

screenshot

This project covers the following HTML and CSS3 concepts

  • Using images as a background
  • Adding gradients to elements
  • Relative and absolute positioning
  • Flex and Grid

Built With

  • HTML
  • CSS
  • Google fonts
  • Font Awesome

Live Demo

Live Demo Link

Getting Started

To get a local copy of the repository, please run the following commands on your terminal:

$ cd <folder>
$ git clone https://github.com/acushlakoncept/smashing-magazine.git

Authors

Uduak Essien

Vitalie Melnic

🤝 Contributing

Contributions issues and feature requests are welcome!

Check the issues page. Contributions## Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Project originally taken from The Odin Project
  • Project inspired by Microverse Program

About

In this project, we created a gray-scale heat map of the Smash Magazine website. It shows which element has the greatest weight in the visual hierarchy. We used floats, grids and flex positioning effectively to achieve the desired results.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 63.9%
  • CSS 27.0%
  • JavaScript 9.1%