PROJECT: POSITIONING AND FLOATING ELEMENTS

This is a clone of a New York Times article page using HTML and CSS.

Project Design:

The New York Times has been a leader in experimenting with the inclusion of multimedia content in traditional stories. That creates all kinds of interesting position questions. This aticle page is designed using elements aligned with a combination of all three CSS positioning techniques (float, flex and grid).

It has as main sections

• Navigation bar Designed using grid systems with fixed position and vertical alignment.

• Main Article Section Containing articles, list elements, an embeddedd video & images all using grid system layout.

• Aside Section Designed with a grid system containing anchor elements and horizontal lines

• Footer Grid system layout and flex boxes are used with necessary alignments. It also includes a bottom bar whose position is fixed at the bottom too.

Built With

• HTML
• CSS
• Fontawsome icons

Live Demo

Project Live Link

Authors

👤 Witah Ngu Geojane

• Github: @Georjane
• Twitter: @WittyJany
• Linkedin: witah

👤 Yiğit Mersin

• Github: @yigitm
• Twitter: @yigitmersin
• Linkedin: ygtmrsn

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to The New York Times
• The Odin Project
• Microverse

📝 License

This project is MIT licensed.