Nexter is a responsive real estate landing page built to showcase properties and services for a real estate agency.

This project focuses on modern CSS layout techniques, especially CSS Grid, and writing scalable styles using SCSS.

A marketing landing page designed for:

• Showcasing featured properties
• Presenting real estate services
• Displaying testimonials and agent information

I built this project to:

• Master CSS Grid for complex layouts
• Practice writing modular and maintainable SCSS
• Improve responsive design skills without frameworks
• Understand real-world landing page structure

This project is frontend-only and does not include a backend.

• Fully responsive layout
• Complex page structure built with CSS Grid
• Clean and modern real estate UI
• SCSS architecture for better maintainability

• HTML5
• SCSS (Sass)
• CSS Grid

• CSS Grid (explicit & implicit grids)
• Grid-based page layouts
• SCSS variables, nesting, and partials
• Responsive design with media queries
• Component-based styling

nexter/ ├── index.html ├── scss/ ├── css/ └── img/

Open the project locally:

git clone https://github.com/abodiamhe/nexter.git
cd nexter
open index.html

• Building complex layouts using CSS Grid

• Structuring styles with SCSS for scalability

• Managing responsive layouts efficiently

• Designing clean landing pages without CSS frameworks

• Improve accessibility and semantics

• Add animations and transitions

• Convert to a React-based frontend

• Integrate a backend for property listings

Sadiq Akhigbe
Full Stack MERN Developer