11---
22import BaseLayout from " ~/layouts/BaseLayout.astro"
3- import * as CONFIG from " ../config"
43import { clsx } from " ~/lib/clsx/clsx"
54import { typographyVariants } from " @chainlink/blocks"
65
7- const formattedContentTitle = ` Chainlink Certifications | ${ CONFIG . SITE . title } `
6+ const formattedContentTitle = ` Courses | Chainlink Certifications `
87---
98
9+ <!-- NOTE: This page's HTML structure and styling are sourced from Webflow -->
1010<BaseLayout title ={ formattedContentTitle } >
1111 <div class =" overflow-hidden" >
1212 <section id =" demo" data-scroll =" mid" class =" sec-big sec-big--dark sec-big--light" >
@@ -669,16 +669,17 @@ const formattedContentTitle = `Chainlink Certifications | ${CONFIG.SITE.title}`
669669 .plat-absolute {
670670 aspect-ratio: 16 / 9;
671671 border-radius: 16px;
672- width: 100 %;
672+ width: 95 %;
673673 transition: transform 0.2s;
674674 position: absolute;
675- inset: 0% auto auto 0%;
675+ bottom: 0;
676+ right: 0;
676677 overflow: hidden;
677678 }
678679
679680 .plat-absolute.plat-absolute--1 {
680681 z-index: 3;
681- transform: translate(0);
682+ transform: translate(0, 0 );
682683 }
683684
684685 .plat-absolute.plat-absolute--2 {
@@ -687,6 +688,7 @@ const formattedContentTitle = `Chainlink Certifications | ${CONFIG.SITE.title}`
687688 }
688689
689690 .plat-absolute.plat-absolute--3 {
691+ z-index: 1;
690692 transform: translate(-32px, -32px);
691693 }
692694
@@ -808,14 +810,15 @@ const formattedContentTitle = `Chainlink Certifications | ${CONFIG.SITE.title}`
808810 }
809811
810812 .plat-wrapper {
811- width: 100 %;
813+ width: 90 %;
812814 margin-left: 0;
813815 margin-right: 0;
814816 margin-bottom: 40px;
815817 }
816818
817819 .academy-accordion {
818820 max-width: 100%;
821+ min-height: auto;
819822 }
820823
821824 .course-row {
@@ -853,11 +856,6 @@ const formattedContentTitle = `Chainlink Certifications | ${CONFIG.SITE.title}`
853856 max-width: none;
854857 }
855858
856- .cont {
857- padding-left: 16px;
858- padding-right: 16px;
859- }
860-
861859 .demo-h-wrap {
862860 width: 100%;
863861 margin-bottom: 40px;
0 commit comments