nexter is an AI-powered tool which helps you in finding your dream home.<br>

<br>

** <a href="https://saimounikas-nexter-app.netlify.app/" target="_blank">**Visit Now** 🚀</a>

<br>

[](https://github.com/mounikaperi)&nbsp;

[](https://github.com/mounikaperi)&nbsp;

[](https://github.com/mounikaperi)&nbsp;

<br>

<br>

**YouTube URL:** <a href="https://youtu.be/Bxu0Ccl_oIs" target="_blank">**Watch Now** 🚀</a>

<br>

👉How to Build a complex and modern layout using CSS Grid techniques

👉How to choose different row and column track sizes for different types of content

👉How and Why to create Grids inside Grids

👉How to create a responsive component without media queries

👉How to build a small component using CSS Grid

👉How to deal with overlapping grid items

👉Why images are special and behave differently than other grid items

👉How to decide if flexbox is a better tool in certain situations

👉How to build a rather complex component using a mix of CSS Grid properties, overlapping and flexbox

👉Using object-fit together with images for grid items.

👉How to manage vertical spacing in a responsive layout using CSS grid techniques

👉 Build Website from Scratch using HTML, CSS and JavaScript<br>

👉 Making the website responsive for various devices(desktops, tablets, mobile devices) using responsive units and media queries<br>

👉 How to optimize the website for production. <br>

👉 Testing performance of the website using Lighthouse.<br>

- **LinkedIn** - [Sai Mounika Peri](https://www.linkedin.com/in/saimounikaperi/)

- Course Instructor - [Jonas Schmedtmann](https://codingheroes.io/)

- Icons Used For Tech Stack Section - [https://img.shields.io](https://img.shields.io)