.blog {
  padding: 24px;
}

import styles from './styles.module.css'

rewriting to modular

it was still applying on the whole page

import React from "react";
import Link from "next/link";
import './page.css'
const Testing1Page = () => {
  return (
    <div>
      <h1>Testing1 Page (shoud have styling)</h1>
      <Link href="./testing2">
        <h1>Click me!</h1>
      </Link>
    </div>
  );
};

export default Testing1Page;

import React from 'react';
import Link from "next/link";

const Testing2Page = () => {
    return (
        <div>
            <h1>Testing2 Page (shoud not have styling)</h1>
            <Link href='./testing1'><h1>Click me!</h1></Link>
        </div>
    );
};

export default Testing2Page;

h1{
    font-size: xx-large;
    color: green;
}