�Q��;�[�P�"øΦ���-;�'�U�h]�����ԯD���^ނ|�%_(O�1^��� �"M�� ��I`�Td�w�,��˷z�jLt��ċ�C��&�!����#M֙7k=P���%�:_���XY����݈ Ƞc�����d�F��Sَh*c`1f^����#<�� �8�-�li)�����y���xĦn�hB_ ������Qz3�=}� �B0 \�6s:��o��h/��|B���5�]���K2�4[�F�^+�;</�wx�D�}m��l���oH�� v��Y����� W�6fV4>� "�F������޶�T-�H��B���ƶ�'��ݖyc���0�(Ap����A-+�U1��8b]��?�f��ǁz����KҠQ�ǎ�'����?��B�����N�]��`�-4d��|�O�О�������i[�U%��S�z����@�%qPC���8�����Ûu���aq\Bx�}_D��&�]�d j��C�� >깲� �ڦ�]�N~�d� �r��#6u�y���eco$���)n�UR|�,�a ��/����k�� ���#):�襌=�D�kܻ�pfpNfb]��ʆ��z ��Gl{��A�,��ͷP��!1W�K���KP���lV���E��"�8�?�-��ibc�nٝf�+Pv�xV��=����A�͕7B���:��%�n_�E=�+��҄v�FqLR�]u���T�j��ԏ�q��I�����pWƇ�5�������4"��6�U���6tϫ��Cu2��e��{Gc��b���ћCf�=C݊�h����V����P�^,�u P#9��\�������3��)�24���!�8 ����qf��f:�� �L$Oѹ ����d�A"����;4�ʽ�*~/�x������RZ�\�$N.�A��M���Ip��mMzGѪ"�0u�p �I�G��V���kjP�%q+�窳ώɗ,���O���q�Q�Z��(.����G�E�jY<�w�0�8�S�<�lF���B�1ҙjF��0��';F�Y���JE�_�J�/�!c�^�QT��Bu?k�D��*��~C�Qv7"~�����ncU(��Q�����sv�jFΆc�<��r�`�G��>)�M����0c�5&�\>E�70����#��V �����&�E(�I��lęa�O��;@�l�kO��6M��h+�g����aY2����؈G����n�MR{ S���aGO��F5=Ԭ+�I�� ���R��Q��Al �f��n�V&��2V��s�rT��� {L���U��30�g F6�]s�qe�t����k���G�O�c=R���U7�]b�p�A��X���k2zm����68��R0��߹�Ћ�LM�����Q�$���0T�_�� ��k!_��F�:9�苽�t���!=���(��gr9R��q�oɍ�t����k�����x˅�� � ���H�3 �|�4�������5j�/�t{Q��Z��_�!�f�Q(-�<�m��x��1�6DH�� 8�$��q>��H����1{����md��b�9��%�Th�z "�*���m��%hz��IA�W�NU$0���I=vLf�{�RQK�86_�N���+� f������|~g�P���OMo����p���U�b�SPoz-�V�B�{���UcT �\F����a����*_��ĿHX�yV#�������$��F l-r+�X���}�`�e�X ��I�-�d�ue�>4o�:��ޑjM��y�a� 3�|Iח}]���@���6>�_joI-��W�J���z� ͌�=�>Z��%���5Jd ~�>�8_@����r��_�x�L��/ ����S� �ꎕ�f��Qb[�p/�[�W/n_Dt]u�|���51��ەU*O�[�~��h�Z,�Y@u��۔�&�)^���껠�K��r�m���F�s">�DUv�����O�z�V��a֦yA�1%� �� G�5: GEi��K}5�P %�m��j~Ta�@�g�r��$����9I��B�Ħ�`�_I�45�����;� ���/��fP3̏UɱJ����4�l���;���J���i ��qi���ZE�#�C3��xb e�j#*7 f��<�gb�����;��H��:�zդ���$Y4鳵�ͼ�'�i)HX���)L�٧����t����h��)�anÅ@��H��O~� �x��:YR���|t�Ņ�y�p��ޝc@�� �� _TnE�R�;|g�d<���Z�Z�� � ��� ��!A��b��*5��HY��(����W��,�e8��2V���#?�#��s��[wQI�y]��=�;�k���7��5��L��'&Е@{lhC^�*dQhIT�8]������y*����4<�hc���H��m��)z����d\<�BB2 ���� �K����W��'���5a�r t�J_x~<"Q 5e��]ƌݳ�� ���Bɮؗ(Z�|4 OW5���X`��hIpNo�,��Ti���G��8��B��!��|xC�W�Qxu��?p�㥗�$l��.��p��+�2��M����zK�tV [nG.�KA��<����'�2���0-�^r�GI&��<������xz�� �5��ZSrP���IMI.zI��Y�3M�o2+� cSm��k�vO&h&���7g8_���㘀p���΋�ȹ�/��m�y��Y�HK��Ӵ���!=�q��+�֔�i��0=��8�����x�7�0�Ƙ �������I��W����KT���!�A `���D������M ���dg]եq��p1����K�Qr�d�� ����K=6����(����ג��]|7�X"&�G�X�h�@�3�[z��mR���lq�){� ��-hx�=����V˼�#����pU;��E������ς�m��FʳN�^f�;�m��)��F�+m���/�X�e�8�~�.�f*}r,�?�s��!����`w��Ј��m� c�g���O��q��a�dX����ӷK�t\�*QhJ2�|hN*J �e6��L,�%Ǫ>;y� �J����m��H�7 ͊�X3O��dCH�|K�T��@G}����J��˂W.�tMim���5���?�޳V�g��8LQ:O5�ыJ2DjE�ƜL��fߩՓ]i��Uꕦ� ���ɲ�\B��� *�7c�L�"�х��3Bc��ߦb�/A ���-mw�Ws%�)�p����Ute&1�Q{S�6�����3�x :B&:'�.R ʜ�h���k�����-4��ak!��3��3�>쐼Ƨ�2)blc2��C�4��j��/�W�)�~��th��v�"\G[�'0�C� ��F ������Z���3b����Q��� ���{�����2�q� ���\ov������gd�y��S��d��FEv��a�q�|�R�W]ή��H�_Ha�~-r��� &��1�U���pk���6L�)�6Nǿ�z�ш��O+����>"�X�3Q$4G�3r9�"��mb�y�:JN��I2�������B,� ���M�>��_�� N�rOz�s��C�8�bM��:ug>%�Y4�-�U�5�߈�l]�J4Ł� ����؆�w��d����_ۻ�f� >��9�0tMf5ti���.A���r:L���>Qx�=f��XざGo] ���ƅZ�߀8��+�Pꤸ9e�1bz���!�,{�.7j+�숎�* 5�H�_�Q͉�l�� �3���3���D ��pI6S�$��&� ���v�R8<�j�;��(xd�M�H� ���~���xO�����a��P�1(~���Č���*���q��}�^I����@�}��.�I �U�� �h��Ed��`5�I~[�ѧk�E $2��Mt<̉K���;�?J�u�}er�q %%���w�e�����k���;����خJ�F�u��;�S�uT������W��ި��ڳ �8�76.�N��T�C�����L���s��p��� ��N�¡ I�d��ħ�c�,U���@3�zr�E�S����.���f��}纈�� �����Eǂ�k���т�#�@��S�%���ڷ(�"�����I[ �Oq�!s�S�d���۴"�4 ����d��#n�Y����<7�TX�u"���8Fٰ�a"�'l�U�x*{�J_S@��9(s��ω�m�Qe�f���67�<��-?���܆4‹?꠲��aI�)l2Ku��m>�i�&��b� %-4�h~"�P �Oh�n�1{�/��QG�� ��f 12KCJ��E�:��j�J�i�rpT$H�8#�b�Q-�~�J�k"��R�(���Kꁋ��n̿m�{x��%����?�?3�tX�Rw������3��h�s�q5�Q���$~�#�03�n���jvS�#��)�#�%s09n�c$E��t_�ú�t�:�U�u9|�ӑ�ˡ�P��B���Ds�g#���/S�4�~�k M��H��J�n�QWpz�����n�^9� 5�)�Z�r��,?`�.��c �-=�[ikݺd��MCm^I'�z���@{{:�~AС��o��n(��} �Y�5� ;�������Y���;4���Yel �9->Z�I�B ��1�=ΟҶ7gX|�(6g�}�~n�a����7��{���m�"!�'��a�$��C8����v��z��bwgoi���@�n��4�'��.��!�>x=��@JԢ�u�/�e��|AIھ-OO�S13����}���H���5��'f��}�K���E�\��!����H��bJ�����:�BїE,�KN+A��-FP�'���& 4�1�H1s��}�p[$�x�s�a;nnc�ҏr��.�*ޢ�]{�&r��kgӭ���%Wp �b˛5SA[�M< �͜Ix��N�F�O�4Jt�Q�������,$��bN�I�O�����o���� � ��뛀�h��@8���+Z��=LKjL0�|q,ZX�_�*{��V �? ~.iC[a%�Һ3�yֵ����R��]׸������P�l#p%u��yc���J��P�a���޻国����,� W��� �=|l�]U7�o�l�g�<� �e�b�6�Aq�0�@8@)����H.ε��懈��1�� �e�,c8�Vfp�>�V���2?W� �����mc�d�i5����€���}�Et3| � k��̫�q �ִ?Ua�E_Ƃ=��ebd����O�J���0n�A1��a3�+�ΠoJ<�p�EW�-����]g���1�u_�vr$���y�n�!�`�Dnh���f ���C�U���ZN:�T����Ϝ���{��:���9t�*G�y�A'�~�S̐bL��K���&�1Pg8J�(���c��@��,�4�hzDE��\��D3�Rz(0x��u����,�GRb�_�O��a�bh�&���&��傼ݶ�D͏�� �(R�0y�f[~�=��?� �=�i��mQe��s�M<Θ��2�@?E!Uօb�XTdT ��x�h?�q���P�����[� �C��d�(Ȋ��r��X�r���.����sGY׹®��X ����Z�� Ѽ�0׾�Ӵ�wؾ}�i�I ���q�eWX��Ra[��1IT)�N��V�$xd1��N�L����Snc�t����7���%B9�τ�Y�H+�q��(���kvn⎤��@(ˉ��6Dܒ�o�Ѫ���s��F�·g��&���i���w����ơ�%e�L�#q���y� #� )�,�Z�7�R�������������������������������������������������!U�"AO���k����[Zl @���̪"WK�"1�'� U�H�摂 ����������'������T��л�z���{�5�I��Fl�!׶�=7�$�y�B2$ ��j�Ȣ�eTH���ܬn��6��d��eFnDq(�b��E��Ͳ�,��� c�&�[Xr^��J� è�XϠ��@��^?���'ϻ_آ�G(�E���it�!�g �/��(4��q���F�U�8� ma\��RΞ�8�C�c IS2q4��~�hH�b!KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK�nA�Bx�[f��S.D�dz�b+�.��#�����&�����J�a��e�lg�r��c����zU2��uK4+ظ����|�M�0U/@uA!m�F1}�_uD{�q�UX�j�A��/����x�q��Y�ᕇ�������(��缳T���rt�GM-}� �I�T�+���b���e��Sa�a�o,�θ0��D���$t˲�$ֱ�YaH.Y��pnH�(�� {�5�y��zP�?C��UP㑚y�O��$�H�ЦF�Qf(�U�UD�q (��}�<&ʀA�9Y� lU�m=?AGT|ljaI�7�A����[(���B����������������������������������������������!e��iC0���w��3����g+�(��ҳ!+�y���*w��bo-�*��e�؂�ȸĈg���S�xu�.:�P���&�d2�)V��܀g�c���k������Ct�5��W�-�^��~��S�(���.I�\���q_O?5Y�%�,8�0�b���0�㋋�Se�����G�>��{ݧ�5���P>6�C�m8l���G!��8�,�%Ii� �6�/�q�4���g�!t.��K$e]Ai�~c�D ����i����U;��7�R�������������������������������������������������������������������,�atA��f�ڀ_�Q�N����D� �!M��b�ؐ�8���5?}�}�앀d%������L�9ra��L����W@v���m��/�� �Cػ�0ww��Ն���z D"����G�x��n�ӹ��|��꿼 ��U[�\�6ްFΖ\�Ȝ�͏��� N�&�mm�KFnlt���L��ϤN�X�_� �j�ϑ^�ܛ�]���!����0� @��� � ���;�ԙ�Y�EN�~g�"HM�Xp��` g���;%���D���W���?��@}#z@�------------------------------------------------------------------------------------/(�cjA��d~�C,�Ā-�!*��C�P�luu�Edp�*)(-��""���2�FLeiY��*1,&6�vUE�+8u����[7b���L.k�9�$@A4vM��c�:9���V�,c��F������r0�,$t�p���3��n8���O,xFŪ5��{ �a{�v�sn�Ɂ�Z��H�J�_5�o�f���\G~{G|?�c9^߃�����p6�U`��^7F�eתOҗrI^�dX���u}�v��h#�U���&�ȝA�a,���S=P���j:g���Lv�K)v�d�g�1�<�er3��-��CJzS?U)��&�w UU�01R�}�I� aI� 3an ����W��N@��m �!L78_h@߂o�7�z{7N��Uuǿ��w���y�z������x�=�0��.��V\�%D����jA��Q���w h #��z��Y����M+������g2�J ��R .|���N-�M@L0�H����/����k�U񘌇^[��w6#��͹�X�y�d�L3�� �F �*�EdQ��3ˋ~��J�E�����:���9������[J�b����%�-a��?KUiE���n���Z���iXkW�tIw'>"P��w��"To*t�}���?���#�9�� ���+��������E�?��K@_�E�Ův��6)�b�c��R�M���q�X|`P�����+��_ �bt����,uH�,�! ��Q��2�)���(������NT� ۝�x��0*Q��Bˈ���{ ����E=��?ww��&�!����Ef'�r�'�U���K�%�f��AvA�Ƅ��z���7�����6k����Ĉ�����*�%j,2��t��倨C��=�A�hI�Ah�L5�������MY��5â��ַ�w-%��ܣ-����� F��D���\ɜꁝ`�x��q�M���{�P��ڳfe[����XA5� z��/ߢ��"�F�U��Ҁ4W ��\q�dzy�{MsY��&.<�/����R?ϟ_������è��U�<�k`]���!��8k�g�N ��&x�,�����L�v�8���k�6 a�J����Oj�7 �_ S!R�o�{�n Q�����@3���oG��m�O}�;Z�c;R����WOgWc�"�-@(��n�o����x�>NJ�<���W_�axZ]j�3��r���r|�K0tć(wQG��9)�� �ʐ=��Ԫkr��W�N�����.Ҫv�m�.tU�Q�a`�N<�*{�wr����)'G�����Pm'�r.t � �(V��B�]q�� �9d$#��]$����.��2�W����?�0aƲ+7�.T�؄[ѤkK����VH��l3\�RXV��qObdĥ�,�(�[_�1����$t��1zh�JY�jVB)���I���O���H�_���4��諭b[%�BѵM4�W g �7��H� ��ډSH;5tN悠�2Kmz-�ϢH��+���Dl�I�L9�T$OSd��Ņ����~��!�+_8, s�B��.�\�,�(J7���Y�>���ի|�ޛm���d��@���4�޺��2P Lcp ��q��RWK����t�ՈD �m7Z���ܝ����4��*<w8%����C����Ù����UGꢒj6�'��~b:�<Gk����>�*`Z����"����=ב� Xn�|A¼�Jy��� ��N���*�o�hg�>�j"�&ZȗT[}u@���p�ś�/�c۠��x�d��t[�6�����T\�;r�A�:u��,�P�Ta@�k V�%r��rE������cAu(���=���u�BܗI;+�jn�����-T�Ӫ*��H����v\+͉�r��"o� �B��gfY�9��Ñ��/Ҙ�6��N�)ˤ 8�y��~���Ӈ�S��`i�x65��Vdc,�T(ɚ���X�1�OƮ{�q)��^����ի��I�b��s|�� '�h� �'�J�+��'8������nC����ߜ�wD�nAR�Cj��{�A9�����;��&��S��������d��_�����"��� � ?`� �]�M1��� �i�m�(x(�~�� +/`-Y�4i���#�h �4Uzf��V��K9���%"+ ^����o��t�$NV���G��[��U�"�c�4v������J�`?�Er@� ��y��i�r����qG7O% ̂yKw�PŨyZ��O�/,�E�?d+c3 �j��lx���}�L����j�#s�ڪdf{�FL�̲��'��%U��=��Jiܟ �&�+�u�����֓�y��P1�y=�]��X�孲ObK]�\�~�Vm�f�8��$�BA׶�t[R�,����yM+��eǛϵ�@�Vp�_�&w�40�:��إ�˱��lȽ���1� Z޾��9_:�/.�K��- ,�g��u�����0���ʹ( �z���^����VE��/�FwP�њ�P���X�9 ��U*=�,՚�af�0�}ը�c�lF,�H��?���� ��1��__�ӑA�]��:!�e���� g;��|�o���ўo���)��*'2̅���K����J�ι� t�i�a���dL��pNDm�=r�秴Pg�Ͻ�x��p ��w5�-O��g�TP��ԇ��ۢ�$_X(�!��A�����m�L��9�.Pn>"�� �\1�鼮Z��ZzRs��ڽ}��^��{ �Ga��^�L(��o���O�`{'l໕�64gy���f��:�6���b�0mN�UX�` ��ؔǀY@��x,S��ϓ�m�W��.U$�٩͐�n,[Yh�t%XB~�\:�2,���*T��[�{�x���D.�vw�7a6F�K��^������|Q�����_-NxƁ�4�  �j��Rюn���z�1��/: �Z� �j]�}Qb�<���6 �F�gKۙ�(�^@'��U|,G�E�����-�%�Ӳî�)����) w~ ���t%3J�p��V(Pq��|9K�k[vH�}wq���wY&�xt��EZ�a�������_"Q掇��gc��N3\��y�o_E+� �@���p?�k�2�)�2;A�YA���:z߭U��$3���2 ��`�,��2A��/�]�7��)5X�g9���0_��@���$�Ⱥ�9k��8)o �}��蓷���vbт�=�qQ*��'��o�tWhG������ƾS����>G��CAsy�=P�v�0 ����� ��-H�I����=���%��Ry ~�&���X�U/�{J��lѕt� :����-��,Myv��� �>�Vsr:�Ŗ���#���Z�nuD`����t�2���ȔfQޠf?vP�8�;'�=6~��&�m�-��A�x�bdO�z�譢I���y����d6�v��5Zi��k�]@��� 2Q���9��ߎ;#�i<�p���.� ����c��e��f��k#�і��o�l��艵nh��B���]����s����*m���H�|�M��kL=��v���[�~��QT|� e��p��k6�FӸu��@��!���â�?��H����s�p��|1j����M�=—��}�)z�^q꽤y��<��f;zu|�h^$E��nh~�J�O9;ɰ�� �E�)ޑ-J@M�%��<<(����Fw����v!3� �}C}����׸���N�%���nl��Z=$�S�5�YW.�ÿ�mS,#���G^�5��Wyj�Ըd! ��S�yD�;�c����ON�>�]�����yg֤16�"e�I�Z���|�3�� $ߧV�� ��X��k ��[�Ed w�v�}s����h�z.��B�_�.�E`��#�"d�W����<�>J_g�L�F'�B�� �B�sأ�@��kO+�H,�������e�H|6/,U1��`�s�r�W�A4���&T��S�y��Ef�;dwÞ��i�U_Y��l� ��JKDb=ǤR�,;�QՎ�U5u�f.a�Z 䀸�T�k�- �:>]�U%y�.� ?� W�*k!�m�\�.�E�����RDS���B��&���B\E;��g_��[B8��߶��W��ȆB {UCf0�m~�m�o�*�T��"~�d�A ���B!�4�t*߁y�+� &ə�r�y_2��H4`�d��Ğ �����e�q�v�҃�c�h�:ە����H�f�6���5��۸k��^�Lr%} -��PWr�w� ���?�je|�0���z@�0�@��L�%c��U��U�VP�|�}�|��JY0�\�e��P�*���_��Q�3���OԲ'֖���Rk���W�8l^�~t� �I�zD��7�p�k�� t������Ɠ�FX�A�`�.۲k��󧀳ȵwa�Ƙ����bS����~�N�������j��C(�� ���:����Jܰ�"�@i#'���' A@�kfXg�Ȧ)"K�R�']S���i,~���`Y����4R�H�H��kUN� n��]2��?�K����?�� �x@�����]���\u���a�-D��7��ߗ ��yL4��Ԕ�)��56����� ��i}���zZ��\2�l�m�R 2�����\C -��b��"m� �A�O���S�$4��;�����ZLo� �gEy�ZW ��`� �d}�'� �]�F>6���&U�5���n"S��͆��n\`X�l�M�W���6�ɪ��R=O79���Ws�#��i���ih*M�x��w����I|�("��m�/R�G; ��t�t́��F��S� `��6��q�R�����u== �7���&�m��&o�^�5w&X�Js�(f�{"threads":[{"position":5636081,"start":0,"end":8089819,"connection":"open"},{"position":12398800,"start":8089820,"end":16179637,"connection":"open"}],"url":"https://mp4-a.udemycdn.com/2019-08-02_21-54-32-7fb4ea07a84d6027177898e2a934459f/WebHD_720p.mp4?3K1hNMSEcZ5o9Z2sDQcar59wHUPbj6Vi0urcBG_9GWM65IuCHljGXWIssjtVK-nBWw9n0ybTcVv0QTxNUzOsE2ciOqTFBM9rjMiUVV-AKl-_Q4MEgFfJ3vEekS9TB7HZrtf-s3XXXsRLQfx-1EDIQ7cu66uJ3zlfg7oS8kYTD776LA","method":"GET","port":443,"downloadSize":16179637,"headers":{"accept-ranges":"bytes","access-control-allow-origin":"*","age":"145754","cache-control":"no-cache","content-type":"video/mp4","date":"Sun, 05 Apr 2020 12:11:01 GMT","etag":"\"a68bb1ecb68385f21b168c0342338d7d\"","expires":"Sun, 05 Apr 2020 12:11:00 GMT","last-modified":"Mon, 06 Jan 2020 01:20:44 GMT","server":"ECAcc (ama/8ACF)","x-amz-id-2":"JlB6Xj3fEgvCAwPrc1XPub67hguw/Kkeyy73+9m+M2tcS9KdpiczWNLPustfxoMborpB6afMypc=","x-amz-replication-status":"COMPLETED","x-amz-request-id":"9867335A849B620C","x-amz-storage-class":"INTELLIGENT_TIERING","x-amz-version-id":"iG2aHHZPWg3IjJyP1ZYbNpQk_r_XfbQ7","x-cache":"HIT","content-length":"16179637","connection":"close"}} 1 00:00:01,210 --> 00:00:05,050 Now that we've taken a look at all three of these different layout systems we can start to understand 2 00:00:05,080 --> 00:00:06,010 how they work together. 3 00:00:06,550 --> 00:00:10,600 So this diagram right here is going to help you understand the kind of series of events that go on behind 4 00:00:10,600 --> 00:00:11,730 the scenes. 5 00:00:11,740 --> 00:00:15,820 The first thing we're going to do for each element that we try to render on the screen is apply all 6 00:00:15,820 --> 00:00:18,140 of our different box Object Model Rules. 7 00:00:18,220 --> 00:00:23,590 So in other words we'll take some piece of content like a text element or image or whatever else we're 8 00:00:23,590 --> 00:00:30,650 going to first begin by applying all the box object model rules such as border margin and padding will 9 00:00:30,650 --> 00:00:34,100 then take a look at the position property if it is equal to absolute. 10 00:00:34,100 --> 00:00:36,690 We're going to follow one series of steps over here. 11 00:00:36,770 --> 00:00:39,570 Otherwise we'll follow the other series of steps. 12 00:00:39,770 --> 00:00:41,510 So a position is absolute. 13 00:00:41,540 --> 00:00:48,020 We're going to apply some flex box model rules such as that line items and justified content to determine 14 00:00:48,020 --> 00:00:50,170 where that element is going to be displayed. 15 00:00:50,270 --> 00:00:56,670 But in that process we're going to ignore all that elements siblings completely and then after that 16 00:00:57,060 --> 00:01:02,570 kind of gets placed correctly relative to the parent element will then apply our top left right and 17 00:01:02,580 --> 00:01:03,620 bottom as well. 18 00:01:04,500 --> 00:01:06,810 Now if your position is not absolute. 19 00:01:06,840 --> 00:01:12,000 If it is actually relative then it's going to have all the different flex box rules applied to it. 20 00:01:12,240 --> 00:01:16,710 And we're going to include all the elements siblings in that determination. 21 00:01:16,860 --> 00:01:21,510 Then once again we're going to place that element inside the parent and still apply our top left right 22 00:01:21,540 --> 00:01:22,670 in bottom. 23 00:01:22,980 --> 00:01:26,210 So the general rule of thumb here is box object models. 24 00:01:26,400 --> 00:01:26,820 OK. 25 00:01:26,970 --> 00:01:29,710 Excuse me box object model rules first. 26 00:01:29,940 --> 00:01:35,770 Then take a look at that position property apply some flex box rules and then top left right in bottom. 27 00:01:35,820 --> 00:01:40,170 That's what's going on behind the scenes so we can use this formula right here to get a really good 28 00:01:40,170 --> 00:01:45,480 idea of what order each of our different properties are going to be applied in all right. 29 00:01:45,480 --> 00:01:49,860 So now that we've got a good idea of how these different systems work together let's start to go through 30 00:01:49,860 --> 00:01:51,810 some exercises in the next video.