fix bug with colliding css styles

uclaacm · Oct 15, 2023 · 72eb50e · 72eb50e
1 parent 4728eaa
commit 72eb50e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/CompareCode.tsx b/src/components/CompareCode.tsx
@@ -15,7 +15,7 @@ SyntaxHighlighter.registerLanguage('cpp', cpp);
 export default function CompareCode(props: CompareCodeProps): JSX.Element {
   return (
     <div className="compare">
-      <div className="left">
+      <div className="left-code">
         <h1 className="caption">{props.caption1}</h1>
         <SyntaxHighlighter
           language="cpp"
@@ -24,7 +24,7 @@ export default function CompareCode(props: CompareCodeProps): JSX.Element {
           {props.code1}
         </SyntaxHighlighter>
       </div>
-      <div className="right">
+      <div className="right-code">
         <h1 className="caption">{props.caption2}</h1>
         <SyntaxHighlighter
           language="cpp"

diff --git a/src/styles/CompareCode.scss b/src/styles/CompareCode.scss
@@ -6,15 +6,15 @@
   padding: 5px;
   width: 100%;
 
-  .left {
+  .left-code {
     float: left;
     left: 10%;
     margin: auto;
     position: relative;
     width: 35%;
   }
 
-  .right {
+  .right-code {
     float: right;
     margin: 10 0 10 50px;
     position: relative;