Geolab_Frontend - geolab_frontend_2

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

Screenshot

https://snipboard.io/RGm1SD.jpg

Links

• Solution URL: (https://mqbm1m.csb.app/)

My process

• Before coding i identified the structure of design and write it down. Then i realized what was the best way to group objects. After that i start thinking what techniques should i use for positioning elements in specific places. Then i start to code.

Built with

• Semantic HTML5 markup
• CSS custom properties

What I learned

How to use the position property in CSS - position: relative; position: absolute;

The position Property - static - An element with position: static; is always positioned according to the normal flow of the page. relative - An element with position: relative; is positioned relative to its normal position. fixed - An element with position: fixed; is positioned relative to the viewport. absolute - An element with position: absolute; is positioned relative to the nearest positioned ancestor. sticky - An element with position: sticky; is positioned based on the user's scroll position.

Continued development

In the next project I want to focus on CSS Transitions.

Useful resources

• (https://www.w3schools.com/css/css_positioning.asp) - This helped me for understand The position Property in CSS.

Author

• Website - Guram Bagalishvili

Acknowledgments

Geolab_Frontend course helped me a lot for organizing and learning this topic. Big thanks to Mushni Chankseliani for creating this cource