Matching Black and White Activities for Babies and Toddlers

toddler matching and sorting developmental milestone

Learning Shapes and Colors: 10 Sorting and Matching Milestones for Toddlers

Ten developmental milestones for sorting and matching shapes, colors, and pictures. More than just fun, these skills help strengthen cognitive development.

/* ----------------------------------------- */ /* Content Template: Article Post Box - start */ /* ----------------------------------------- */ .grid-item { width: 100%; box-sizing: border-box; margin-bottom: 20px; } .grid-sizer { width: 100%; } .gutter-sizer { width: 0%; }@media only screen and (min-width: 600px) { .grid-item { max-width: 48%; box-sizing: border-box; margin-bottom: 4%; } .grid-sizer { width: 48%; } .gutter-sizer { width: 4%; } }@media only screen and (min-width: 768px) { .grid-item { max-width: 32%; box-sizing: border-box; margin-bottom: 1%; } .grid-sizer { width: 32%; } .gutter-sizer { width: 1%; } }.post-box { width: 100%; margin: 0; padding: 0px; overflow: auto; border: 3px solid #eeeeee; border-radius: 3px; background: #eeeeee; color: #000000; }.post-box:hover{ background: #E3723F; color: #FFFFFF; border: 3px solid #E3723F; }.post-box-image { border: none; padding: 0px; margin: 0px; }.post-box-tittle { width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; font-size: 16px; }.post-box-main { width: 100%; border: none; color: #222222; background: #ffffff; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; overflow: auto; font-size: 16px; }.post-box-main p { margin: 0px; padding: 0px; }.post-box-link { position:relative; }.post-box-expand-wrapper { position:relative; display: block; width: 100%; border-left: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; text-align: center; background: #FFFFFF; z-index: 2;}.post-box-expand { display: block; width: 100%; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; z-index: 2; position:relative; }.post-box-expand:hover { background: #59a496; color: #FFFFFF; }.post-box-like { display: block; width: 50%; border: 6px solid #FFFFFF; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; overflow: auto; float: left; z-index: 2; position:relative; }.post-box-like:hover { background: #E3723F; color: #FFFFFF; }.post-box-dislike { display: block; width: 50%; border-top: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; overflow: auto; float: right; z-index: 2; position:relative; }.post-box-dislike:hover { background: #E3723F; color: #FFFFFF; }.post-box a.post-box-expand, .post-box a.post-box-like, .post-box a.post-box-dislike, .post-box a.post-box-open{ background: #EEEEEE; color: #000000; }.post-box a.post-box-expand:hover, .post-box a.post-box-like:hover, .post-box a.post-box-dislike:hover, .post-box a.post-box-open:hover{ background: #59a496; color: #FFFFFF; cursor: pointer; }.post-box-like-dislike { display: block; width: 100%; border: 6px solid #FFFFFF; text-align: center; padding: 0; background-color: #FFFFFF; z-index: 2; position:relative; overflow: auto; }.link-spanner{ position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-color: white; /*workaround to make clickable in IE */ opacity: 0; /*workaround to make clickable in IE */ filter: alpha(opacity=0); /*workaround to make clickable in IE *//* edit: fixes overlap error in IE7/8, make sure you have an empty gif background-image: url('empty.gif');*/ }/* ----------------------------------------- */ /* Content Template: Article Post Box - end */ /* ----------------------------------------- */