{"id":40634,"date":"2026-08-26T17:10:07","date_gmt":"2026-08-26T17:10:07","guid":{"rendered":"https:\/\/mp.moonpreneur.com\/math-corner\/?p=40634"},"modified":"2026-08-26T17:12:25","modified_gmt":"2026-08-26T17:12:25","slug":"what-is-20-percent-of-90","status":"publish","type":"post","link":"https:\/\/mp.moonpreneur.com\/math-corner\/what-is-20-percent-of-90\/","title":{"rendered":"What is 20% of 90? | Calculate 20 Percent of 90"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"40634\" class=\"elementor elementor-40634\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-f454903 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f454903\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a6ba997\" data-id=\"a6ba997\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-80c9360 elementor-widget elementor-widget-html\" data-id=\"80c9360\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Creative 20% of 90 Intro Section -->\r\n<div style=\"\r\n  max-width: 900px;\r\n  margin: 30px auto;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  color: #24324a;\r\n  line-height: 1.7;\r\n\">\r\n\r\n  <!-- Quick Answer Card -->\r\n  <div style=\"\r\n    background: linear-gradient(135deg, #eef5ff, #f8fbff);\r\n    border: 2px solid #5b8def;\r\n    border-radius: 14px;\r\n    padding: 22px 25px;\r\n    margin-bottom: 28px;\r\n    box-shadow: 0 6px 18px rgba(50, 90, 150, 0.10);\r\n    position: relative;\r\n    overflow: hidden;\r\n  \">\r\n\r\n    <div style=\"\r\n      position: absolute;\r\n      right: -25px;\r\n      top: -35px;\r\n      width: 100px;\r\n      height: 100px;\r\n      background: #dce9ff;\r\n      border-radius: 50%;\r\n      opacity: 0.7;\r\n    \"><\/div>\r\n\r\n    <div style=\"\r\n      display: inline-block;\r\n      background: #315fd3;\r\n      color: #ffffff;\r\n      padding: 5px 13px;\r\n      border-radius: 20px;\r\n      font-size: 14px;\r\n      font-weight: bold;\r\n      margin-bottom: 10px;\r\n    \">\r\n      \u26a1 Quick Answer\r\n    <\/div>\r\n\r\n    <div style=\"\r\n      font-size: 22px;\r\n      font-weight: 700;\r\n      color: #1f3f8f;\r\n      position: relative;\r\n    \">\r\n      20% of 90 is \r\n      <span style=\"\r\n        color: #e85d75;\r\n        font-size: 26px;\r\n      \">18<\/span>.\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- Introduction -->\r\n  <div style=\"\r\n    background: #ffffff;\r\n    border-left: 5px solid #f4b942;\r\n    padding: 5px 20px;\r\n    margin-bottom: 22px;\r\n  \">\r\n\r\n    <p style=\"margin: 0 0 16px 0; font-size: 16px;\">\r\n      Percentages have a funny way of showing up exactly when you're not in the mood to do math \u2014\r\n      splitting a restaurant bill, figuring out a sale price, or helping a third grader survive their\r\n      homework. So let's settle this one for good:\r\n      <strong style=\"color:#315fd3;\">20% of 90 is 18.<\/strong>\r\n    <\/p>\r\n\r\n    <p style=\"margin: 0; font-size: 16px;\">\r\n      But the real magic isn't just the answer. It's understanding\r\n      <span style=\"\r\n        background: #fff3cd;\r\n        padding: 2px 6px;\r\n        border-radius: 5px;\r\n        font-weight: 600;\r\n      \">how we got there<\/span>,\r\n      so the next percentage problem doesn't stand a chance.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- What You'll Learn -->\r\n  <div style=\"\r\n    background: linear-gradient(135deg, #fff8e7, #fffdf7);\r\n    border-radius: 14px;\r\n    padding: 22px 25px;\r\n    border: 1px solid #f1d58a;\r\n    box-shadow: 0 5px 15px rgba(120, 90, 30, 0.07);\r\n  \">\r\n\r\n    <div style=\"\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 12px;\r\n    \">\r\n      <span style=\"\r\n        background: #f4b942;\r\n        color: #ffffff;\r\n        width: 34px;\r\n        height: 34px;\r\n        border-radius: 50%;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 17px;\r\n      \">\u2713<\/span>\r\n\r\n      <strong style=\"\r\n        font-size: 19px;\r\n        color: #7b5b10;\r\n      \">\r\n        What You'll Learn\r\n      <\/strong>\r\n    <\/div>\r\n\r\n    <p style=\"margin: 0; font-size: 16px;\">\r\n      In this post, we'll break down exactly how to calculate\r\n      <strong style=\"color:#315fd3;\">20% of 90<\/strong> using\r\n      <span style=\"\r\n        color:#e85d75;\r\n        font-weight:700;\r\n      \">three different methods<\/span>.\r\n      We'll also explore why this particular question is a favorite on every\r\n      <strong>3rd grade math<\/strong> test, and hand you some genuinely useful\r\n      practice tools, including ideas for building your own easy math test for\r\n      <strong>3rd grade<\/strong> at home, completely free.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-e88e3ad elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e88e3ad\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e45ae47\" data-id=\"e45ae47\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1059eb8 elementor-widget elementor-widget-html\" data-id=\"1059eb8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Creative 20% of 90 - Three Methods Section -->\r\n<div style=\"\r\n  max-width: 900px;\r\n  margin: 35px auto;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  color: #26354d;\r\n  line-height: 1.65;\r\n\">\r\n\r\n  <!-- Main Heading -->\r\n  <div style=\"\r\n    text-align: center;\r\n    margin-bottom: 25px;\r\n  \">\r\n    <div style=\"\r\n      display: inline-block;\r\n      background: #eef3ff;\r\n      color: #315fd3;\r\n      padding: 7px 16px;\r\n      border-radius: 20px;\r\n      font-size: 13px;\r\n      font-weight: bold;\r\n      margin-bottom: 10px;\r\n    \">\r\n      \ud83d\udcda LET'S LEARN\r\n    <\/div>\r\n\r\n    <h2 style=\"\r\n      margin: 0;\r\n      font-size: 28px;\r\n      color: #1f3f8f;\r\n    \">\r\n      How to Calculate\r\n      <span style=\"color:#e85d75;\">20% of 90<\/span>\r\n      <span style=\"color:#f4b942;\">(Three Ways)<\/span>\r\n    <\/h2>\r\n\r\n    <div style=\"\r\n      width: 70px;\r\n      height: 4px;\r\n      background: linear-gradient(90deg, #315fd3, #e85d75, #f4b942);\r\n      margin: 12px auto;\r\n      border-radius: 5px;\r\n    \"><\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- Introduction -->\r\n  <div style=\"\r\n    background: #f7f9fc;\r\n    border-radius: 14px;\r\n    padding: 20px 24px;\r\n    margin-bottom: 25px;\r\n    border: 1px solid #e1e7f0;\r\n  \">\r\n    <p style=\"margin:0; font-size:16px;\">\r\n      Think of a percentage as a recipe: it's just a fraction of 100, dressed up in a costume.\r\n      Once you see through the costume, the math gets easy.\r\n      Here are three reliable ways to solve it.\r\n    <\/p>\r\n  <\/div>\r\n\r\n\r\n  <!-- Method 1 -->\r\n  <div style=\"\r\n    background: linear-gradient(135deg, #eef5ff, #ffffff);\r\n    border: 2px solid #bcd0ff;\r\n    border-radius: 16px;\r\n    padding: 24px;\r\n    margin-bottom: 22px;\r\n    box-shadow: 0 6px 16px rgba(49,95,211,0.08);\r\n  \">\r\n\r\n    <div style=\"\r\n      display:flex;\r\n      align-items:center;\r\n      gap:12px;\r\n      margin-bottom:10px;\r\n    \">\r\n      <div style=\"\r\n        background:#315fd3;\r\n        color:white;\r\n        width:40px;\r\n        height:40px;\r\n        border-radius:50%;\r\n        display:flex;\r\n        align-items:center;\r\n        justify-content:center;\r\n        font-weight:bold;\r\n        font-size:18px;\r\n      \">1<\/div>\r\n\r\n      <h3 style=\"\r\n        margin:0;\r\n        color:#1f3f8f;\r\n        font-size:20px;\r\n      \">\r\n        Convert the Percent to a Decimal\r\n      <\/h3>\r\n    <\/div>\r\n\r\n    <p style=\"margin:8px 0 15px;\">\r\n      This is the method most calculators (and most adults) reach for first.\r\n    <\/p>\r\n\r\n    <ol style=\"\r\n      padding-left:25px;\r\n      margin:0;\r\n    \">\r\n      <li style=\"margin-bottom:9px;\">\r\n        Turn 20% into a decimal by dividing by 100:\r\n        <strong style=\"color:#315fd3;\">20 \u00f7 100 = 0.20<\/strong>\r\n      <\/li>\r\n\r\n      <li style=\"margin-bottom:9px;\">\r\n        Multiply that decimal by 90:\r\n        <strong style=\"color:#315fd3;\">0.20 \u00d7 90 = 18<\/strong>\r\n      <\/li>\r\n\r\n      <li>\r\n        That's it:\r\n        <strong style=\"color:#e85d75;\">20% of 90 is 18.<\/strong>\r\n      <\/li>\r\n    <\/ol>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- Method 2 -->\r\n  <div style=\"\r\n    background: linear-gradient(135deg, #fff8e8, #ffffff);\r\n    border: 2px solid #f3d58b;\r\n    border-radius: 16px;\r\n    padding: 24px;\r\n    margin-bottom: 22px;\r\n    box-shadow: 0 6px 16px rgba(180,130,30,0.08);\r\n  \">\r\n\r\n    <div style=\"\r\n      display:flex;\r\n      align-items:center;\r\n      gap:12px;\r\n      margin-bottom:10px;\r\n    \">\r\n      <div style=\"\r\n        background:#f4b942;\r\n        color:white;\r\n        width:40px;\r\n        height:40px;\r\n        border-radius:50%;\r\n        display:flex;\r\n        align-items:center;\r\n        justify-content:center;\r\n        font-weight:bold;\r\n        font-size:18px;\r\n      \">2<\/div>\r\n\r\n      <h3 style=\"\r\n        margin:0;\r\n        color:#80600e;\r\n        font-size:20px;\r\n      \">\r\n        Use the \u201cFriendly Fraction\u201d Trick\r\n      <\/h3>\r\n    <\/div>\r\n\r\n    <p style=\"margin:8px 0 15px;\">\r\n      Here's a shortcut that makes percentages feel like play instead of work.\r\n      Since 20% is the same as one-fifth (1\/5), you can simply divide 90 by 5.\r\n    <\/p>\r\n\r\n    <!-- Formula Highlight -->\r\n    <div style=\"\r\n      background:#fff3cd;\r\n      border-radius:10px;\r\n      padding:14px 18px;\r\n      font-size:19px;\r\n      font-weight:bold;\r\n      color:#654f0a;\r\n      text-align:center;\r\n      margin:15px 0;\r\n    \">\r\n      90 \u00f7 5 = <span style=\"color:#e85d75;\">18<\/span>\r\n    <\/div>\r\n\r\n    <p style=\"margin:0;\">\r\n      This trick works because 100% split into five fifths gives you a\r\n      <strong style=\"color:#f09b22;\">20% slice<\/strong>, like cutting a pizza into\r\n      five equal pieces and grabbing just one.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- Method 3 -->\r\n  <div style=\"\r\n    background: linear-gradient(135deg, #fff0f4, #ffffff);\r\n    border: 2px solid #f1b8c6;\r\n    border-radius: 16px;\r\n    padding: 24px;\r\n    margin-bottom: 22px;\r\n    box-shadow: 0 6px 16px rgba(232,93,117,0.08);\r\n  \">\r\n\r\n    <div style=\"\r\n      display:flex;\r\n      align-items:center;\r\n      gap:12px;\r\n      margin-bottom:10px;\r\n    \">\r\n      <div style=\"\r\n        background:#e85d75;\r\n        color:white;\r\n        width:40px;\r\n        height:40px;\r\n        border-radius:50%;\r\n        display:flex;\r\n        align-items:center;\r\n        justify-content:center;\r\n        font-weight:bold;\r\n        font-size:18px;\r\n      \">3<\/div>\r\n\r\n      <h3 style=\"\r\n        margin:0;\r\n        color:#a83d53;\r\n        font-size:20px;\r\n      \">\r\n        Find 10% First, Then Double It\r\n      <\/h3>\r\n    <\/div>\r\n\r\n    <p style=\"margin:8px 0 15px;\">\r\n      This is the method that clicks best for younger learners, which is exactly\r\n      why it's a superstar on any test for 3rd grade math.\r\n    <\/p>\r\n\r\n    <ul style=\"\r\n      padding-left:22px;\r\n      margin:0;\r\n    \">\r\n      <li style=\"margin-bottom:10px;\">\r\n        Find 10% of 90 by moving the decimal point one place left:\r\n        <strong style=\"color:#e85d75;\">9<\/strong>\r\n      <\/li>\r\n\r\n      <li>\r\n        Double it to get 20%:\r\n        <strong style=\"color:#e85d75;\">9 \u00d7 2 = 18<\/strong>\r\n      <\/li>\r\n    <\/ul>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- Final Tip -->\r\n  <div style=\"\r\n    background: linear-gradient(135deg, #eafaf2, #f8fffb);\r\n    border-left: 6px solid #38a169;\r\n    border-radius: 10px;\r\n    padding: 18px 22px;\r\n    margin-top:25px;\r\n  \">\r\n\r\n    <div style=\"\r\n      font-size:18px;\r\n      font-weight:bold;\r\n      color:#247a50;\r\n      margin-bottom:5px;\r\n    \">\r\n      \ud83d\udca1 Math Tip\r\n    <\/div>\r\n\r\n    <p style=\"margin:0;\">\r\n      No calculator, no complicated formulas \u2014 just friendly mental math that\r\n      builds <strong>real number sense.<\/strong>\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-600756a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"600756a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-76e0148\" data-id=\"76e0148\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6fba6c3 elementor-widget elementor-widget-text-editor\" data-id=\"6fba6c3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2><b>Why This Question Matters for 3rd Grade Math<\/b><\/h2>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a90a818 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a90a818\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d399407\" data-id=\"d399407\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f31d958 elementor-widget elementor-widget-text-editor\" data-id=\"f31d958\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p><span style=\"font-weight: 400;\">While formal percentage instruction typically ramps up in later grades, the building blocks \u2014 multiplication, division, fractions, and place value \u2014 are exactly what a third grader is mastering right now. That&#8217;s why a question like \u201cwhat is 20% of 90\u201d makes a fantastic stretch challenge on a math test for 3rd grade free from textbook jargon, especially when it&#8217;s introduced through the \u201chalf of half\u201d or \u201cfind 10%, then double\u201d approach shown above.<\/span><\/p><p><span style=\"font-weight: 400;\">Framing percentages as friendly fractions (20% = 1\/5, 50% = 1\/2, 25% = 1\/4) turns an intimidating topic into an extension of skills kids already have. It also builds the foundation they&#8217;ll lean on in fourth and fifth grade, when percentages become a regular part of the curriculum.<\/span><\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-94aa9c7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"94aa9c7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-11f42d7\" data-id=\"11f42d7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea33909 elementor-widget elementor-widget-html\" data-id=\"ea33909\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Creative 3rd Grade Math Percentage Lesson -->\r\n<div class=\"math-lesson\">\r\n\r\n  <style>\r\n    .math-lesson {\r\n      --primary: #315ea8;\r\n      --secondary: #5b8def;\r\n      --accent: #ffb84d;\r\n      --green: #42b883;\r\n      --purple: #8b6ee8;\r\n      --dark: #20304a;\r\n      --light: #f5f8ff;\r\n      --white: #ffffff;\r\n\r\n      max-width: 900px;\r\n      margin: 30px auto;\r\n      padding: 25px;\r\n      background: linear-gradient(135deg, #f7faff, #ffffff);\r\n      border-radius: 24px;\r\n      box-shadow: 0 12px 40px rgba(49, 94, 168, 0.12);\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: var(--dark);\r\n      line-height: 1.6;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .math-lesson * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .math-header {\r\n      background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n      color: white;\r\n      padding: 30px;\r\n      border-radius: 20px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .math-header::after {\r\n      content: \"%\";\r\n      position: absolute;\r\n      right: 25px;\r\n      top: -25px;\r\n      font-size: 150px;\r\n      font-weight: bold;\r\n      opacity: 0.10;\r\n    }\r\n\r\n    .math-header .badge {\r\n      display: inline-block;\r\n      background: rgba(255,255,255,0.18);\r\n      padding: 6px 14px;\r\n      border-radius: 50px;\r\n      font-size: 13px;\r\n      font-weight: bold;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .math-header h2 {\r\n      margin: 0 0 10px;\r\n      font-size: clamp(26px, 5vw, 38px);\r\n      line-height: 1.15;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .math-header p {\r\n      margin: 0;\r\n      max-width: 650px;\r\n      color: #eef5ff;\r\n      font-size: 16px;\r\n    }\r\n\r\n    \/* Intro *\/\r\n    .intro-box {\r\n      background: #fff8e9;\r\n      border-left: 5px solid var(--accent);\r\n      padding: 18px 20px;\r\n      border-radius: 12px;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .intro-box strong {\r\n      color: #b56b00;\r\n    }\r\n\r\n    \/* Table *\/\r\n    .table-wrapper {\r\n      overflow-x: auto;\r\n      margin: 25px 0;\r\n      border-radius: 15px;\r\n      box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .percentage-table {\r\n      width: 100%;\r\n      min-width: 500px;\r\n      border-collapse: collapse;\r\n      background: white;\r\n    }\r\n\r\n    .percentage-table th {\r\n      background: linear-gradient(135deg, var(--primary), #4778c9);\r\n      color: white;\r\n      padding: 15px;\r\n      font-size: 15px;\r\n      text-align: center;\r\n    }\r\n\r\n    .percentage-table td {\r\n      padding: 15px;\r\n      text-align: center;\r\n      border-bottom: 1px solid #e8edf5;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .percentage-table tr:last-child td {\r\n      border-bottom: none;\r\n    }\r\n\r\n    .percentage-table tbody tr {\r\n      transition: all 0.25s ease;\r\n    }\r\n\r\n    .percentage-table tbody tr:hover {\r\n      background: #f1f6ff;\r\n      transform: scale(1.01);\r\n    }\r\n\r\n    .percentage-table td:first-child {\r\n      font-weight: bold;\r\n      color: var(--primary);\r\n    }\r\n\r\n    .answer {\r\n      display: inline-block;\r\n      background: #e7f8ef;\r\n      color: #168153;\r\n      font-weight: bold;\r\n      padding: 5px 12px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    \/* Explanation *\/\r\n    .explanation {\r\n      background: var(--light);\r\n      padding: 20px;\r\n      border-radius: 15px;\r\n      margin: 25px 0;\r\n      border: 1px solid #e2eaff;\r\n    }\r\n\r\n    .explanation h3 {\r\n      margin-top: 0;\r\n      color: var(--primary);\r\n    }\r\n\r\n    \/* Real Life Cards *\/\r\n    .section-title {\r\n      color: var(--primary);\r\n      font-size: 25px;\r\n      margin: 30px 0 15px;\r\n    }\r\n\r\n    .life-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 15px;\r\n    }\r\n\r\n    .life-card {\r\n      background: white;\r\n      padding: 20px;\r\n      border-radius: 16px;\r\n      border: 1px solid #e7ecf5;\r\n      box-shadow: 0 5px 18px rgba(31, 57, 99, 0.06);\r\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n    }\r\n\r\n    .life-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 12px 25px rgba(31, 57, 99, 0.12);\r\n    }\r\n\r\n    .life-icon {\r\n      font-size: 30px;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .life-card h4 {\r\n      margin: 0 0 7px;\r\n      color: var(--dark);\r\n    }\r\n\r\n    .life-card p {\r\n      margin: 0;\r\n      font-size: 14px;\r\n      color: #5f6d82;\r\n    }\r\n\r\n    \/* Calculator *\/\r\n    .calculator {\r\n      margin-top: 30px;\r\n      padding: 25px;\r\n      border-radius: 20px;\r\n      background: linear-gradient(135deg, #f0edff, #f8f6ff);\r\n      border: 1px solid #ded7ff;\r\n    }\r\n\r\n    .calculator h3 {\r\n      margin-top: 0;\r\n      color: #634db5;\r\n    }\r\n\r\n    .calc-row {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .calc-field label {\r\n      display: block;\r\n      font-size: 13px;\r\n      font-weight: bold;\r\n      margin-bottom: 6px;\r\n      color: #5c6380;\r\n    }\r\n\r\n    .calc-field input {\r\n      width: 100%;\r\n      padding: 13px;\r\n      border: 2px solid #ddd7f4;\r\n      border-radius: 10px;\r\n      font-size: 16px;\r\n      outline: none;\r\n    }\r\n\r\n    .calc-field input:focus {\r\n      border-color: var(--purple);\r\n    }\r\n\r\n    .calculate-btn {\r\n      width: 100%;\r\n      margin-top: 15px;\r\n      padding: 14px;\r\n      border: none;\r\n      border-radius: 12px;\r\n      background: linear-gradient(135deg, #8069dc, #a38bea);\r\n      color: white;\r\n      font-size: 16px;\r\n      font-weight: bold;\r\n      cursor: pointer;\r\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n    }\r\n\r\n    .calculate-btn:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 8px 18px rgba(99, 77, 181, 0.25);\r\n    }\r\n\r\n    .result {\r\n      margin-top: 18px;\r\n      padding: 15px;\r\n      background: white;\r\n      border-radius: 12px;\r\n      text-align: center;\r\n      font-size: 18px;\r\n      font-weight: bold;\r\n      color: #634db5;\r\n      display: none;\r\n    }\r\n\r\n    \/* Tip *\/\r\n    .tip {\r\n      margin-top: 25px;\r\n      padding: 18px;\r\n      background: #eafaf4;\r\n      border-radius: 14px;\r\n      border-left: 5px solid var(--green);\r\n    }\r\n\r\n    .tip strong {\r\n      color: #168153;\r\n    }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width: 650px) {\r\n      .math-lesson {\r\n        margin: 10px;\r\n        padding: 15px;\r\n        border-radius: 18px;\r\n      }\r\n\r\n      .math-header {\r\n        padding: 22px;\r\n      }\r\n\r\n      .life-grid,\r\n      .calc-row {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .math-header::after {\r\n        font-size: 100px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <!-- Header -->\r\n  <div class=\"math-header\">\r\n    <span class=\"badge\">\ud83d\udcda 3RD GRADE \u2022 MATH PRACTICE<\/span>\r\n    <h2>Build Your Own Easy Math Test!<\/h2>\r\n    <p>\r\n      Learn percentages with simple examples, real-life situations,\r\n      and a fun calculator made for young learners.\r\n    <\/p>\r\n  <\/div>\r\n\r\n\r\n  <!-- Intro -->\r\n  <div class=\"intro-box\">\r\n    <strong>\ud83c\udf1f Teacher Tip:<\/strong>\r\n    Turn this simple question into a complete mini practice session!\r\n    Use the table below as an answer key, then challenge students to\r\n    solve each row without looking.\r\n  <\/div>\r\n\r\n\r\n  <!-- Percentage Table -->\r\n  <div class=\"table-wrapper\">\r\n    <table class=\"percentage-table\">\r\n      <thead>\r\n        <tr>\r\n          <th>Percent<\/th>\r\n          <th>Of<\/th>\r\n          <th>Answer<\/th>\r\n        <\/tr>\r\n      <\/thead>\r\n\r\n      <tbody>\r\n        <tr>\r\n          <td>10%<\/td>\r\n          <td>90<\/td>\r\n          <td><span class=\"answer\">9<\/span><\/td>\r\n        <\/tr>\r\n\r\n        <tr>\r\n          <td>20%<\/td>\r\n          <td>90<\/td>\r\n          <td><span class=\"answer\">18<\/span><\/td>\r\n        <\/tr>\r\n\r\n        <tr>\r\n          <td>25%<\/td>\r\n          <td>90<\/td>\r\n          <td><span class=\"answer\">22.5<\/span><\/td>\r\n        <\/tr>\r\n\r\n        <tr>\r\n          <td>50%<\/td>\r\n          <td>90<\/td>\r\n          <td><span class=\"answer\">45<\/span><\/td>\r\n        <\/tr>\r\n      <\/tbody>\r\n    <\/table>\r\n  <\/div>\r\n\r\n\r\n  <!-- Explanation -->\r\n  <div class=\"explanation\">\r\n    <h3>\ud83e\udde0 How Does It Work?<\/h3>\r\n\r\n    <p>\r\n      This side-by-side table is a simple way to design a free,\r\n      easy math test for 3rd grade. Start with a real-world question,\r\n      such as:\r\n    <\/p>\r\n\r\n    <p>\r\n      <strong>\u201cIf a $90 toy is 20% off, how much do you save?\u201d<\/strong>\r\n    <\/p>\r\n\r\n    <p>\r\n      Students can use the table to discover that\r\n      <strong>20% of 90 = 18<\/strong>.\r\n      That's math you can actually use!\r\n    <\/p>\r\n  <\/div>\r\n\r\n\r\n  <!-- Real Life -->\r\n  <h3 class=\"section-title\">\ud83c\udf0e Real-Life Places You'll Actually Use This<\/h3>\r\n\r\n  <div class=\"life-grid\">\r\n\r\n    <div class=\"life-card\">\r\n      <div class=\"life-icon\">\ud83d\udecd\ufe0f<\/div>\r\n      <h4>Shopping<\/h4>\r\n      <p>\r\n        A 20% discount on a $90 jacket saves you\r\n        <strong>$18<\/strong>.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"life-card\">\r\n      <div class=\"life-icon\">\ud83c\udf7d\ufe0f<\/div>\r\n      <h4>Dining Out<\/h4>\r\n      <p>\r\n        Tipping close to 20% on a $90 bill comes out to\r\n        about <strong>$18<\/strong>.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"life-card\">\r\n      <div class=\"life-icon\">\ud83d\udcb0<\/div>\r\n      <h4>Savings Goals<\/h4>\r\n      <p>\r\n        If you save 20% of $90 allowance,\r\n        that's <strong>$18<\/strong> tucked away.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"life-card\">\r\n      <div class=\"life-icon\">\ud83d\udcdd<\/div>\r\n      <h4>Grading & Scoring<\/h4>\r\n      <p>\r\n        Getting 20% of 90 questions wrong means\r\n        <strong>18 missed<\/strong>.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- Interactive Calculator -->\r\n  <div class=\"calculator\">\r\n\r\n    <h3>\ud83e\uddee Try It Yourself!<\/h3>\r\n\r\n    <p>\r\n      Enter a percentage and a number to see the answer instantly.\r\n    <\/p>\r\n\r\n    <div class=\"calc-row\">\r\n\r\n      <div class=\"calc-field\">\r\n        <label for=\"percentInput\">Percentage (%)<\/label>\r\n        <input type=\"number\"\r\n          id=\"percentInput\"\r\n          placeholder=\"Example: 20\"\r\n          min=\"0\"\r\n          max=\"100\"\/>\r\n      <\/div>\r\n\r\n      <div class=\"calc-field\">\r\n        <label for=\"numberInput\">Number<\/label>\r\n        <input type=\"number\"\r\n          id=\"numberInput\"\r\n          placeholder=\"Example: 90\"\r\n          min=\"0\"\/>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <button class=\"calculate-btn\" onclick=\"calculatePercentage()\">\r\n      \u2728 Calculate My Answer\r\n    <\/button>\r\n\r\n    <div class=\"result\" id=\"percentageResult\"><\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- Tip -->\r\n  <div class=\"tip\">\r\n    <strong>\ud83d\udca1 Math Challenge:<\/strong>\r\n    Hide the answers in the table and ask students to solve\r\n    each problem using mental math before checking their work!\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n  function calculatePercentage() {\r\n\r\n    const percent = parseFloat(\r\n      document.getElementById(\"percentInput\").value\r\n    );\r\n\r\n    const number = parseFloat(\r\n      document.getElementById(\"numberInput\").value\r\n    );\r\n\r\n    const resultBox =\r\n      document.getElementById(\"percentageResult\");\r\n\r\n    if (isNaN(percent) || isNaN(number)) {\r\n      resultBox.style.display = \"block\";\r\n      resultBox.innerHTML =\r\n        \"\u26a0\ufe0f Please enter both numbers!\";\r\n      return;\r\n    }\r\n\r\n    const answer = (percent \/ 100) * number;\r\n\r\n    resultBox.style.display = \"block\";\r\n\r\n    resultBox.innerHTML =\r\n      \"\ud83c\udf89 \" + percent + \"% of \" + number +\r\n      \" = <strong>\" + answer + \"<\/strong>\";\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-e8ecad1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e8ecad1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-52960b4\" data-id=\"52960b4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f587c06 elementor-widget elementor-widget-text-editor\" data-id=\"f587c06\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h3><strong>Conclusion <\/strong><\/h3>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-5c95a88 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c95a88\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-25cac70\" data-id=\"25cac70\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c4643eb elementor-widget elementor-widget-text-editor\" data-id=\"c4643eb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p><span style=\"font-weight: 400;\">20% of 90 is 18 \u2014 and now you know three different ways to prove it, whether you&#8217;re double-checking a discount, helping with homework, or building a free, easy math test for 3rd grade from scratch. Percentages stop being scary the moment you see them for what they are: friendly fractions in disguise. The next time a percentage problem pops up, you&#8217;ll be ready with an answer and a strategy.<\/span><\/p><p>You can opt for our\u00a0<a href=\"https:\/\/moonpreneur.com\/innovator-program\/advanced-math\/\">Advanced Math<\/a>\u00a0or Vedic Math+Mental Math courses. Our\u00a0<a href=\"https:\/\/mp.moonpreneur.com\/math-quiz-for-kids\/\">Math Quiz<\/a>\u00a0for grades 3rd, 4th, 5th, and 6th helps in further exciting and engaging in mathematics with hands-on lessons.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u26a1 Quick Answer 20% of 90 is 18. Percentages have a funny way of showing up exactly when you&#8217;re not in the mood to do math \u2014 splitting a restaurant bill, figuring out a sale price, or helping a third grader survive their homework. So let&#8217;s settle this one for good: 20% of 90 is [&hellip;]<\/p>\n","protected":false},"author":116,"featured_media":40632,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[969],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/posts\/40634"}],"collection":[{"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/users\/116"}],"replies":[{"embeddable":true,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/comments?post=40634"}],"version-history":[{"count":4,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/posts\/40634\/revisions"}],"predecessor-version":[{"id":40638,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/posts\/40634\/revisions\/40638"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/media\/40632"}],"wp:attachment":[{"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/media?parent=40634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/categories?post=40634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/tags?post=40634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}