add icons functionality

2025-12-03 10:56:56 -06:00
parent 6a2b7d7743
commit e292a0352d
8 changed files with 84 additions and 4 deletions
--- a/assets/css/icon.css
+++ b/assets/css/icon.css
@@ -0,0 +1,32 @@
+main {
+    display: grid;
+    
+    grid-template-columns: repeat( auto-fit, minmax(256px, 1fr) );
+    overflow-x: hidden;
+    gap: 32px;
+}
+
+/* @media screen and (min-width: ){
+    
+}  */
+
+Icon {
+    display: flex;
+
+    padding: 32px;
+    text-align: end;
+    
+    justify-content: space-between;
+    align-items: center;    
+    
+    outline: 1px solid black;
+}
+
+Icon:hover {
+    cursor: pointer;
+}
+
+Icon img {
+    width: 8rem;
+    height: 8rem;
+}