{name}
+{name}
{short}
From 498978b156851c740dba0b0d24d7bb5330d731d8 Mon Sep 17 00:00:00 2001
From: catherine-w <37776108+catherine-w@users.noreply.github.com>
Date: Thu, 8 Jul 2021 18:28:46 -0400
Subject: [PATCH] fix minor styling issues
---
components/MiniTechTalkCard.module.css | 5 +++--
components/MiniTechTalkCard.tsx | 14 +++++---------
components/TechTalkCard.module.css | 2 +-
components/TechTalkCard.tsx | 2 +-
components/playground.module.css | 2 +-
content/playground/temp.talk.mdx | 2 +-
pages/_app.css | 1 +
7 files changed, 13 insertions(+), 15 deletions(-)
diff --git a/components/MiniTechTalkCard.module.css b/components/MiniTechTalkCard.module.css
index b9751044..9026046e 100644
--- a/components/MiniTechTalkCard.module.css
+++ b/components/MiniTechTalkCard.module.css
@@ -11,7 +11,6 @@
.card aside {
max-width: calc(142rem / 16);
margin-right: calc(45rem / 16);
- /* background-color: pink; */
}
.card aside img {
@@ -24,8 +23,10 @@
padding: calc(4rem / 16);
}
-.content h3 {
+.content h1 {
margin-block-start: 4px;
+ margin: 0;
+ font-size: calc(18rem / 16);
}
.card section {
diff --git a/components/MiniTechTalkCard.tsx b/components/MiniTechTalkCard.tsx
index 90031f82..94d6c5b5 100644
--- a/components/MiniTechTalkCard.tsx
+++ b/components/MiniTechTalkCard.tsx
@@ -1,23 +1,19 @@
-import React, { ReactNode } from "react";
+import React from "react";
import { Image } from "./Image";
import styles from "./MiniTechTalkCard.module.css";
-interface TechTalkProps {
+interface MiniTechTalkProps {
name: string;
short: string;
poster?: string;
- children: ReactNode;
}
-export function MiniTechTalkCard({ name, poster, short }: TechTalkProps) {
+export function MiniTechTalkCard({ name, poster, short }: MiniTechTalkProps) {
return (
{short}{name}
+ {name}