Training:Bootcamp/Start/Levels: Difference between revisions

Bootcamp/Start/Levels

Revision as of 22:32, 18 August 2024

You want to learn software modeling using the MDriven tools and you’ve got a lot of questions. This is the place to start - right from the basics!

INTERMEDIATE

You have some understanding of models but you would like to brush up on how MDriven approaches modeling. Join the trail from here!

ADVANCED

You are familiar with modeling but you want to understand how MDriven works with other integrations. Dive right in with the more advanced concepts behind the MDriven tools.

@@ Line 15: / Line 15: @@
      .header {
          width: 100%;
-         height: 70px;
+         height: 60px;
          background: #E2F5FA;
          display: flex;
          align-items: center;
          justify-content: center;
-         margin-top: 20px;
+         margin-top: 10px;
      }
      .header-text {
          font-family: 'Outfit', sans-serif;
-         font-size: 28px;
+         font-size: 24px;
          font-weight: 600;
          text-transform: uppercase;
@@ Line 35: / Line 35: @@
          display: flex;
          align-items: center;
-         margin: 20px 0;
+         margin: 15px 0;
          animation: fadeInUp 1s ease-in-out forwards;
+        justify-content: space-between;
      }
      .section {
          border-radius: 20px;
-         padding: 50px;
+         padding: 20px;
          box-sizing: border-box;
          cursor: pointer;
          transition: transform 0.3s ease;
          flex: 1;
-         height: 300px;
+         min-height: 200px;
          display: flex;
          flex-direction: column;
@@ Line 74: / Line 75: @@
      }
      .section-title {
-         font-size: 24px;
+         font-size: 20px;
          font-weight: 700;
-         margin-bottom: 10px;
+         margin-bottom: 8px;
      }
      .section-content {
-         font-size: 20px;
+         font-size: 16px;
          font-weight: 400;
      }
      .icon-placeholder {
-         width: 250px;
+         width: 150px;
          height: auto;
          background-size: contain;
          background-repeat: no-repeat;
-         margin: 0 20px;
+         margin: 0 10px;
          animation: fadeInScale 1s ease-in-out forwards;
      }
@@ Line 106: / Line 107: @@
      @media screen and (max-width: 768px) {
          .header-text {
-             font-size: 22px;
+             font-size: 18px;
          }
          .section-title {
-             font-size: 20px;
+             font-size: 18px;
          }
          .section-content {
-             font-size: 16px;
+             font-size: 14px;
          }
          .icon-placeholder {
@@ Line 127: / Line 128: @@
              margin: 10px 0;
              text-align: center;
-        }
-        .beginner, .advanced {
-            margin: 0;
-        }
-        .intermediate {
-            margin: 0;
          }
      }