DOC-3313: syntax updated.

Author: kemister85

modules/ROOT/pages/installation.adoc

@@ -43,10 +43,9 @@ include::partial$css/installation-cards.css[]
 </div>
 ++++
 
+== Browse by Framework
 ++++
 include::partial$css/installation-cards.css[]
-<h3 class="brand-section-title">Browse by Framework</h3>
-  
 <div class="tiny-installation-cards">
 <div class="framework-cards">
   <div class="framework-grid">

modules/ROOT/partials/css/installation-cards.css

@@ -221,17 +221,14 @@
 
 .framework-card-link:hover {
   text-decoration: none !important;
-}
-
-.framework-card-link:hover .framework-name,
-.framework-card-link:hover .framework-icon {
-  text-decoration: none !important;
+  border: 2px solid var(--card-border);
+  border-radius: 10px;
+  transition: all 0.3s ease;
 }
 
 .framework-card {
   align-items: center;
   background: #fff;
-  border: 0;
   border-radius: 0.5rem;
   box-sizing: border-box;
   cursor: pointer;
@@ -242,14 +239,9 @@
   padding: 0.375rem;
   position: relative;
   text-decoration: none;
-  transition: opacity 0.2s ease;
   width: 5.3125rem; /* 85px fixed */
 }
 
-.framework-card-link:hover .framework-card {
-  opacity: 0.85;
-}
-
 .framework-icon {
   font-size: 2.5rem;
   display: flex;

modules/ROOT/partials/what-is-tinymce.adoc

@@ -49,9 +49,9 @@ include::partial$css/installation-cards.css[]
 </div>
 ++++
 
+=== Supported frameworks
 ++++
 include::partial$css/installation-cards.css[]
-<h3 class="brand-section-title">Supported frameworks</h3>
 <div class="tiny-installation-cards">
 <div class="framework-cards">
   <div class="framework-grid">