{"id":1656,"date":"2024-05-25T01:01:51","date_gmt":"2024-05-25T01:01:51","guid":{"rendered":"https:\/\/www.pacgrafica.com\/blog\/?p=1656"},"modified":"2024-08-16T20:16:49","modified_gmt":"2024-08-16T20:16:49","slug":"flexbox-grid","status":"publish","type":"post","link":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/","title":{"rendered":"Flexbox Grid"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1656\" class=\"elementor elementor-1656\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fc05117 elementor-section-content-bottom elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"fc05117\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-70a99c6c\" data-id=\"70a99c6c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cc90e06 elementor-widget elementor-widget-heading\" data-id=\"cc90e06\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Que es Flexbox Grid<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2204a510 elementor-section-content-bottom elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"2204a510\" 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<div class=\"elementor-column elementor-col-66 elementor-inner-column elementor-element elementor-element-7c7e6b58\" data-id=\"7c7e6b58\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6065aa48 elementor-widget elementor-widget-heading\" data-id=\"6065aa48\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">\u00a1Hola a todos!<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b5681fa premium-header-block elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"3b5681fa\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header \"><span class=\"premium-dual-header-first-span\">Introducci\u00f3n a la tecnolog\u00eda de maquetaci\u00f3n para css y html <\/span><span class=\"premium-dual-header-second-header \">Hola estudiante, si alguna vez se le ha dificultado centrar un objeto en html y css esta explicacion es para ti<\/span><\/h2> \t\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-205ac232 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"205ac232\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-401c6057 elementor-widget elementor-widget-text-editor\" data-id=\"401c6057\" 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\t<p>Este equipo inicialmente tiene como fin transferir conocimientos de backend y frontend para los entrenamientos a senasoft 2023<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-55d86f91\" data-id=\"55d86f91\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aca8fd1 elementor-widget elementor-widget-image\" data-id=\"aca8fd1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"612\" height=\"612\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg\" class=\"attachment-large size-large wp-image-1084\" alt=\"jlopez designer\" srcset=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg 612w, https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n-300x300.jpg 300w, https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n-150x150.jpg 150w\" sizes=\"(max-width: 612px) 100vw, 612px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-435dff2c premium-title-color elementor-widget elementor-widget-premium-addon-title\" data-id=\"435dff2c\" data-element_type=\"widget\" data-widget_type=\"premium-addon-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"premium-title-container style1\">\r\n\t\t\t<h3 class=\"premium-title-header premium-title-style1\">\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"premium-title-text\" >\r\n\t\t\t\t\tBienvenido al Taller, hablaremos de:\t\t\t\t<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-703601eb premium-type-column elementor-widget elementor-widget-premium-icon-list\" data-id=\"703601eb\" data-element_type=\"widget\" data-settings=\"{&quot;rbadges_repeater&quot;:[]}\" data-widget_type=\"premium-icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<ul class=\"premium-bullet-list-box\">\r\n\t\t\r\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-b448df2\">\r\n\t\t\t\t<div class=\"premium-bullet-list-text\">\r\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/check-mark.png\" alt=\"check-mark\">\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<span   data-text=\"Html5\"> Html5 <\/span>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/li>\r\n\r\n\t\t\t\t\r\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-b9ab3a2\">\r\n\t\t\t\t<div class=\"premium-bullet-list-text\">\r\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/check-mark.png\" alt=\"check-mark\">\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<span   data-text=\"CSS3\"> CSS3 <\/span>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/li>\r\n\r\n\t\t\t\t\r\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-e3cd447\">\r\n\t\t\t\t<div class=\"premium-bullet-list-text\">\r\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/check-mark.png\" alt=\"check-mark\">\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<span   data-text=\"javaScript\"> javaScript <\/span>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/li>\r\n\r\n\t\t\t\t\r\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-fbf2e94\">\r\n\t\t\t\t<div class=\"premium-bullet-list-text\">\r\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/check-mark.png\" alt=\"check-mark\">\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<span   data-text=\"Bootstrap\"> Bootstrap <\/span>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/li>\r\n\r\n\t\t\t\t\r\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-364c9e7\">\r\n\t\t\t\t<div class=\"premium-bullet-list-text\">\r\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/check-mark.png\" alt=\"check-mark\">\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<span   data-text=\"Git\"> Git <\/span>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/li>\r\n\r\n\t\t\t\t\r\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-1c7e290\">\r\n\t\t\t\t<div class=\"premium-bullet-list-text\">\r\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/check-mark.png\" alt=\"check-mark\">\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<span   data-text=\"PHP\"> PHP <\/span>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/li>\r\n\r\n\t\t\t\t\r\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-6c12d45\">\r\n\t\t\t\t<div class=\"premium-bullet-list-text\">\r\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/check-mark.png\" alt=\"check-mark\">\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<span   data-text=\"React\"> React <\/span>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/li>\r\n\r\n\t\t\t\t\r\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-117216b\">\r\n\t\t\t\t<div class=\"premium-bullet-list-text\">\r\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/check-mark.png\" alt=\"check-mark\">\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<span   data-text=\"Angular\"> Angular <\/span>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/li>\r\n\r\n\t\t\t\t\r\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-292f982\">\r\n\t\t\t\t<div class=\"premium-bullet-list-text\">\r\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/check-mark.png\" alt=\"check-mark\">\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<span   data-text=\"MySql\"> MySql <\/span>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/li>\r\n\r\n\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-479d5d1 elementor-widget elementor-widget-image\" data-id=\"479d5d1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"525\" height=\"341\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/06\/estructura-semantica-html5.jpg\" class=\"attachment-large size-large wp-image-1332\" alt=\"\" srcset=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/06\/estructura-semantica-html5.jpg 525w, https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/06\/estructura-semantica-html5-300x195.jpg 300w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab99cc5 elementor-widget elementor-widget-html\" data-id=\"ab99cc5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<audio controls src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2024\/08\/flexboxGrid.mp3\"><\/audio>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-32e607ee elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"32e607ee\" 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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-70788436\" data-id=\"70788436\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-948a23f elementor-widget elementor-widget-heading\" data-id=\"948a23f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Temario Curso de Dise\u00f1o Frontend HTML, CSS, JavaScript y Git<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-176c6e2\" data-id=\"176c6e2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4305f1b7 elementor-widget elementor-widget-video\" data-id=\"4305f1b7\" data-element_type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/03\/pa-floating-effects-filters-css-selector.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\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<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7819c7e elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"7819c7e\" 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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4bc23de\" data-id=\"4bc23de\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-632f097 elementor-widget elementor-widget-text-editor\" data-id=\"632f097\" 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\t<ul><li><p>HTML5<br \/>1.1 Etiquetas Hu\u00e9rfanas \/ Compuestas<br \/>1.2 Estructura sem\u00e1ntica<br \/>1.3 Etiquetas sem\u00e1nticas<br \/>1.4 Atributos comunes y generales <br \/>1.5 Estructura del documento<br \/>1.6 Identaci\u00f3n y herencias<br \/>1.7 Box model<\/p><\/li><li><p>CSS<br \/>2.1 Estructura sintaxis<br \/>2.2 Tipos de incorporaci\u00f3n CSS: &#8211; Interno &#8211; Externo &#8211; En l\u00ednea<br \/>2.3 Identaci\u00f3n, herencias y comentarios<br \/>2.4 Niveles de especificidad<br \/>2.5 Flexbox grid, Breakpoints<br \/>2.6 Mediaqueries<br \/>2.7 Pseudo Elementos<br \/>2.8 Pseudo Clases<\/p><\/li><li><p><span style=\"font-style: inherit; font-weight: inherit; background-color: transparent;\">Git<br \/><\/span><span style=\"background-color: transparent; font-style: inherit; font-weight: inherit;\">5.1 Introducci\u00f3n a Git y control de versiones<br \/><\/span><span style=\"font-style: inherit; font-weight: inherit; background-color: transparent;\">5.2 Github<br \/><\/span><span style=\"font-style: inherit; font-weight: inherit; background-color: transparent;\">5.3 Repositorios<br \/><\/span><span style=\"font-style: inherit; font-weight: inherit; background-color: transparent;\">5.4 Control de cambios y push<br \/><\/span><span style=\"font-style: inherit; font-weight: inherit; background-color: transparent;\">5.5 Terminolog\u00eda y comandos b\u00e1sicos de Git<br \/><\/span><span style=\"font-style: inherit; font-weight: inherit; background-color: transparent;\">5.6 Metodolog\u00eda<\/span><\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-1a1dfd7\" data-id=\"1a1dfd7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-36838d3 elementor-widget elementor-widget-text-editor\" data-id=\"36838d3\" 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\t<ul><li>Bootstrap<br \/>4.1 Librer\u00eda<br \/>4.2 Componentes<br \/>4.3 Incorporaci\u00f3n: &#8211; CDN &#8211; Librer\u00eda local <br \/>4.4 Incorporaci\u00f3n de componentes, helpers, layout<br \/>4.5 Identaci\u00f3n, herencias y comentarios<br \/>4.6 Display Grid<br \/>4.7 Flexboxgrid<br \/>4.8 Grid systems<br \/>4.9 Breakpoints<\/li><\/ul><div><ul style=\"font-size: 16px; font-style: normal; font-weight: 400;\"><li style=\"font-size: 16px;\"><p style=\"font-size: 16px;\">JavaScript<br \/>3.1 Introducci\u00f3n a JavaScript<br \/>3.2 Variables y tipos de datos<br \/>3.3 Operadores y expresiones<br \/>3.4 Estructuras de control: &#8211; Condiciones (if, else if, else) &#8211; Bucles (for, while, do-while) &#8211; Switch<br \/>3.5 Funciones y \u00e1mbito de variables<br \/>3.6 Objetos y propiedades<br \/>3.7 Arrays y bucles de iteraci\u00f3n<br \/>3.8 Eventos y manipulaci\u00f3n del DOM<br \/>3.9 jQuery (opcional)<\/p><\/li><\/ul><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a958530 elementor-widget elementor-widget-video\" data-id=\"a958530\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/EyLDGCestpQ&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a37823 elementor-widget elementor-widget-text-editor\" data-id=\"9a37823\" 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\t<p>Profe Jlopez explica el curso, no se olviden darle like y suscribirsen al canal<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-709fbff elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"709fbff\" 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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3842038\" data-id=\"3842038\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4e3343d elementor-widget elementor-widget-heading\" data-id=\"4e3343d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Enlaces de interes<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-512eddd elementor-align-center elementor-widget elementor-widget-button\" data-id=\"512eddd\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">W3Schools<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fff3a85 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"fff3a85\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/developer.mozilla.org\/es\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Developer Mozilla<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08a119e elementor-align-center elementor-widget elementor-widget-button\" data-id=\"08a119e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/lenguajehtml.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Lenguaje Html<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab52c34 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"ab52c34\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/lenguajejs.com\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Lenguaje javaScript<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4edbb8e elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4edbb8e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/getbootstrap.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Bootstrap<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5295404\" data-id=\"5295404\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6ce26fc elementor-widget elementor-widget-heading\" data-id=\"6ce26fc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Articulos de Explicaciones<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39788b6 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"39788b6\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/uniwebsidad.com\/libros\/css\/capitulo-4\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Box Model<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97d34e9 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"97d34e9\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.pacgrafica.com\/blog\/explicacion-teorica-git\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Git<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-87b7ad2 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"87b7ad2\" 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<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e9ac555\" data-id=\"e9ac555\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b6b782 elementor-widget elementor-widget-text-editor\" data-id=\"7b6b782\" 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\t<h5 style=\"color: white;\">Videotutoriales explicativos<\/h5>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-136bf97 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"136bf97\" 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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-fc0442a\" data-id=\"fc0442a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-74ed3ba elementor-widget elementor-widget-video\" data-id=\"74ed3ba\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/xSag6oHvgCE?si=UquWP6G1lNXhIKH-&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-315091b\" data-id=\"315091b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c3f517 elementor-widget elementor-widget-video\" data-id=\"1c3f517\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/SaGxm1oDwvw?si=FLKhfIRP5lDjoF-E&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-249c848 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"249c848\" 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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2526703\" data-id=\"2526703\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a9153b elementor-widget elementor-widget-video\" data-id=\"5a9153b\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/Q1sur8Qji5I?si=NZvPkimirL5P27dG&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c67d578\" data-id=\"c67d578\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f69c09d elementor-widget elementor-widget-video\" data-id=\"f69c09d\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/0FeSGNnYoOM?si=nieONtrP2fzYCfvF&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9a0d8fe elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"9a0d8fe\" 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<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-5c0a9a9\" data-id=\"5c0a9a9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1f858e elementor-widget elementor-widget-text-editor\" data-id=\"b1f858e\" 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\t<h5 style=\"color: white;\">Herramientas recomendadas<\/h5>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-faf8882 elementor-widget elementor-widget-text-editor\" data-id=\"faf8882\" 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\t<ol><li><span class=\"yt-core-attributed-string--link-inherit-color\">Drag and drop con\u00a0 javascript: <\/span><span class=\"yt-core-attributed-string--link-inherit-color\"><a class=\"yt-core-attributed-string__link yt-core-attributed-string__link--display-type yt-core-attributed-string__link--call-to-action-color\" tabindex=\"0\" href=\"https:\/\/drag-and-drop.formkit.com\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/drag-and-drop.formkit.com<\/a><\/span><\/li><li><span class=\"yt-core-attributed-string--link-inherit-color\">SQLFlow herramienta que visualiza bases de datos: <\/span><span class=\"yt-core-attributed-string--link-inherit-color\"><a class=\"yt-core-attributed-string__link yt-core-attributed-string__link--display-type yt-core-attributed-string__link--call-to-action-color\" tabindex=\"0\" href=\"https:\/\/sqlflow.gudusoft.com\/#\/\" target=\"_blank\" rel=\"nofollow noopener\">https:\/\/sqlflow.gudusoft.com\/#\/<\/a><\/span><\/li><li>Creador de personas que no existen: <a href=\"https:\/\/thispersondoesnotexist.com\/\">https:\/\/thispersondoesnotexist.com\/<\/a><\/li><li>Pagina de Iconos: <a href=\"https:\/\/fontawesome.com\/\">https:\/\/fontawesome.com\/<\/a><\/li><li>Creador de Gradientes: <a href=\"https:\/\/cssgradient.io\/\">https:\/\/cssgradient.io\/<\/a><\/li><li>Creador de imagenes con IA: <a href=\"https:\/\/firefly.adobe.com\">https:\/\/firefly.adobe.com<\/a><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2310529 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"2310529\" 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<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-72fb6b1\" data-id=\"72fb6b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b75d85 elementor-widget elementor-widget-text-editor\" data-id=\"7b75d85\" 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\t<h5 style=\"color: white;\">La practica hace al maestro<\/h5>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ce1949f elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"ce1949f\" 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<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8865a03\" data-id=\"8865a03\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Que es Flexbox Grid \u00a1Hola a todos! Introducci\u00f3n a la tecnolog\u00eda de maquetaci\u00f3n para css y html Hola estudiante, si alguna vez se le ha dificultado centrar un objeto en html y css esta explicacion es para ti Este equipo inicialmente tiene como fin transferir conocimientos de backend y frontend para los entrenamientos a senasoft 2023 Bienvenido al Taller, hablaremos de: Html5 CSS3 javaScript Bootstrap Git PHP React Angular MySql Temario Curso de Dise\u00f1o Frontend HTML, CSS, JavaScript y Git https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/03\/pa-floating-effects-filters-css-selector.mp4 HTML51.1 Etiquetas Hu\u00e9rfanas \/ Compuestas1.2 Estructura sem\u00e1ntica1.3 Etiquetas sem\u00e1nticas1.4 Atributos comunes y generales 1.5 Estructura del documento1.6 Identaci\u00f3n y herencias1.7 Box model CSS2.1 Estructura sintaxis2.2 Tipos de incorporaci\u00f3n CSS: &#8211; Interno &#8211; Externo &#8211; En l\u00ednea2.3 Identaci\u00f3n, herencias y comentarios2.4 Niveles de especificidad2.5 Flexbox grid, Breakpoints2.6 Mediaqueries2.7 Pseudo Elementos2.8 Pseudo Clases Git5.1 Introducci\u00f3n a Git y control de versiones5.2 Github5.3 Repositorios5.4 Control de cambios y push5.5 Terminolog\u00eda y comandos b\u00e1sicos de Git5.6 Metodolog\u00eda Bootstrap4.1 Librer\u00eda4.2 Componentes4.3 Incorporaci\u00f3n: &#8211; CDN &#8211; Librer\u00eda local 4.4 Incorporaci\u00f3n de componentes, helpers, layout4.5 Identaci\u00f3n, herencias y comentarios4.6 Display Grid4.7 Flexboxgrid4.8 Grid systems4.9 Breakpoints JavaScript3.1 Introducci\u00f3n a JavaScript3.2 Variables y tipos de datos3.3 Operadores y expresiones3.4 Estructuras de control: &#8211; Condiciones (if, else if, else) &#8211; Bucles (for, while, do-while) &#8211; Switch3.5 Funciones y \u00e1mbito de variables3.6 Objetos y propiedades3.7 Arrays y bucles de iteraci\u00f3n3.8 Eventos y manipulaci\u00f3n del DOM3.9 jQuery (opcional) https:\/\/youtu.be\/EyLDGCestpQ Profe Jlopez explica el curso, no se olviden darle like y suscribirsen al canal Enlaces de interes W3Schools Developer Mozilla Lenguaje Html Lenguaje javaScript Bootstrap Articulos de Explicaciones Box Model Git Videotutoriales explicativos https:\/\/youtu.be\/xSag6oHvgCE?si=UquWP6G1lNXhIKH-https:\/\/youtu.be\/SaGxm1oDwvw?si=FLKhfIRP5lDjoF-Ehttps:\/\/youtu.be\/Q1sur8Qji5I?si=NZvPkimirL5P27dGhttps:\/\/youtu.be\/0FeSGNnYoOM?si=nieONtrP2fzYCfvF Herramientas recomendadas Drag and drop con\u00a0 javascript: https:\/\/drag-and-drop.formkit.com SQLFlow herramienta que visualiza bases de datos: https:\/\/sqlflow.gudusoft.com\/#\/ Creador de personas que no existen: https:\/\/thispersondoesnotexist.com\/ Pagina de Iconos: https:\/\/fontawesome.com\/ Creador de Gradientes: https:\/\/cssgradient.io\/ Creador de imagenes con IA: https:\/\/firefly.adobe.com La practica hace al maestro<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"categories":[4,1],"tags":[42,43,34,44],"class_list":["post-1656","post","type-post","status-publish","format-standard","hentry","category-diseno-fullstack","category-diseno-web","tag-desarrollo-web","tag-diseno-fullstack","tag-diseno-web","tag-transferecias-de-conocimiento"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Flexbox Grid - Blog jlopez<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flexbox Grid - Blog jlopez\" \/>\n<meta property=\"og:description\" content=\"Que es Flexbox Grid \u00a1Hola a todos! Introducci\u00f3n a la tecnolog\u00eda de maquetaci\u00f3n para css y html Hola estudiante, si alguna vez se le ha dificultado centrar un objeto en html y css esta explicacion es para ti Este equipo inicialmente tiene como fin transferir conocimientos de backend y frontend para los entrenamientos a senasoft 2023 Bienvenido al Taller, hablaremos de: Html5 CSS3 javaScript Bootstrap Git PHP React Angular MySql Temario Curso de Dise\u00f1o Frontend HTML, CSS, JavaScript y Git https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/03\/pa-floating-effects-filters-css-selector.mp4 HTML51.1 Etiquetas Hu\u00e9rfanas \/ Compuestas1.2 Estructura sem\u00e1ntica1.3 Etiquetas sem\u00e1nticas1.4 Atributos comunes y generales 1.5 Estructura del documento1.6 Identaci\u00f3n y herencias1.7 Box model CSS2.1 Estructura sintaxis2.2 Tipos de incorporaci\u00f3n CSS: &#8211; Interno &#8211; Externo &#8211; En l\u00ednea2.3 Identaci\u00f3n, herencias y comentarios2.4 Niveles de especificidad2.5 Flexbox grid, Breakpoints2.6 Mediaqueries2.7 Pseudo Elementos2.8 Pseudo Clases Git5.1 Introducci\u00f3n a Git y control de versiones5.2 Github5.3 Repositorios5.4 Control de cambios y push5.5 Terminolog\u00eda y comandos b\u00e1sicos de Git5.6 Metodolog\u00eda Bootstrap4.1 Librer\u00eda4.2 Componentes4.3 Incorporaci\u00f3n: &#8211; CDN &#8211; Librer\u00eda local 4.4 Incorporaci\u00f3n de componentes, helpers, layout4.5 Identaci\u00f3n, herencias y comentarios4.6 Display Grid4.7 Flexboxgrid4.8 Grid systems4.9 Breakpoints JavaScript3.1 Introducci\u00f3n a JavaScript3.2 Variables y tipos de datos3.3 Operadores y expresiones3.4 Estructuras de control: &#8211; Condiciones (if, else if, else) &#8211; Bucles (for, while, do-while) &#8211; Switch3.5 Funciones y \u00e1mbito de variables3.6 Objetos y propiedades3.7 Arrays y bucles de iteraci\u00f3n3.8 Eventos y manipulaci\u00f3n del DOM3.9 jQuery (opcional) https:\/\/youtu.be\/EyLDGCestpQ Profe Jlopez explica el curso, no se olviden darle like y suscribirsen al canal Enlaces de interes W3Schools Developer Mozilla Lenguaje Html Lenguaje javaScript Bootstrap Articulos de Explicaciones Box Model Git Videotutoriales explicativos https:\/\/youtu.be\/xSag6oHvgCE?si=UquWP6G1lNXhIKH-https:\/\/youtu.be\/SaGxm1oDwvw?si=FLKhfIRP5lDjoF-Ehttps:\/\/youtu.be\/Q1sur8Qji5I?si=NZvPkimirL5P27dGhttps:\/\/youtu.be\/0FeSGNnYoOM?si=nieONtrP2fzYCfvF Herramientas recomendadas Drag and drop con\u00a0 javascript: https:\/\/drag-and-drop.formkit.com SQLFlow herramienta que visualiza bases de datos: https:\/\/sqlflow.gudusoft.com\/#\/ Creador de personas que no existen: https:\/\/thispersondoesnotexist.com\/ Pagina de Iconos: https:\/\/fontawesome.com\/ Creador de Gradientes: https:\/\/cssgradient.io\/ Creador de imagenes con IA: https:\/\/firefly.adobe.com La practica hace al maestro\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog jlopez\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-25T01:01:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-16T20:16:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg\" \/>\n<meta name=\"author\" content=\"jlopez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"jlopez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/\"},\"author\":{\"name\":\"jlopez\",\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/#\/schema\/person\/5a2185bcfc53c9b659313c13824559a0\"},\"headline\":\"Flexbox Grid\",\"datePublished\":\"2024-05-25T01:01:51+00:00\",\"dateModified\":\"2024-08-16T20:16:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/\"},\"wordCount\":380,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg\",\"keywords\":[\"desarrollo web\",\"dise\u00f1o fullstack\",\"dise\u00f1o web\",\"transferecias de conocimiento\"],\"articleSection\":[\"Dise\u00f1o fullstack\",\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/\",\"url\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/\",\"name\":\"Flexbox Grid - Blog jlopez\",\"isPartOf\":{\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg\",\"datePublished\":\"2024-05-25T01:01:51+00:00\",\"dateModified\":\"2024-08-16T20:16:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#primaryimage\",\"url\":\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg\",\"contentUrl\":\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg\",\"width\":612,\"height\":612,\"caption\":\"jlopez designer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.pacgrafica.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flexbox Grid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/#website\",\"url\":\"https:\/\/www.pacgrafica.com\/blog\/\",\"name\":\"Blog jlopez\",\"description\":\"Contenidos y escritos\",\"publisher\":{\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pacgrafica.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/#organization\",\"name\":\"Blog jlopez\",\"url\":\"https:\/\/www.pacgrafica.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/03\/logo-jlopez-Blog.png\",\"contentUrl\":\"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/03\/logo-jlopez-Blog.png\",\"width\":399,\"height\":216,\"caption\":\"Blog jlopez\"},\"image\":{\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/#\/schema\/person\/5a2185bcfc53c9b659313c13824559a0\",\"name\":\"jlopez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.pacgrafica.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ac60129f52bf43cdab01f17c1c614493426cd82cde85ab5e45adee63ff026617?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ac60129f52bf43cdab01f17c1c614493426cd82cde85ab5e45adee63ff026617?s=96&d=mm&r=g\",\"caption\":\"jlopez\"},\"sameAs\":[\"https:\/\/www.pacgrafica.com\/blog\"],\"url\":\"https:\/\/www.pacgrafica.com\/blog\/author\/jlopez\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Flexbox Grid - Blog jlopez","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/","og_locale":"es_ES","og_type":"article","og_title":"Flexbox Grid - Blog jlopez","og_description":"Que es Flexbox Grid \u00a1Hola a todos! Introducci\u00f3n a la tecnolog\u00eda de maquetaci\u00f3n para css y html Hola estudiante, si alguna vez se le ha dificultado centrar un objeto en html y css esta explicacion es para ti Este equipo inicialmente tiene como fin transferir conocimientos de backend y frontend para los entrenamientos a senasoft 2023 Bienvenido al Taller, hablaremos de: Html5 CSS3 javaScript Bootstrap Git PHP React Angular MySql Temario Curso de Dise\u00f1o Frontend HTML, CSS, JavaScript y Git https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/03\/pa-floating-effects-filters-css-selector.mp4 HTML51.1 Etiquetas Hu\u00e9rfanas \/ Compuestas1.2 Estructura sem\u00e1ntica1.3 Etiquetas sem\u00e1nticas1.4 Atributos comunes y generales 1.5 Estructura del documento1.6 Identaci\u00f3n y herencias1.7 Box model CSS2.1 Estructura sintaxis2.2 Tipos de incorporaci\u00f3n CSS: &#8211; Interno &#8211; Externo &#8211; En l\u00ednea2.3 Identaci\u00f3n, herencias y comentarios2.4 Niveles de especificidad2.5 Flexbox grid, Breakpoints2.6 Mediaqueries2.7 Pseudo Elementos2.8 Pseudo Clases Git5.1 Introducci\u00f3n a Git y control de versiones5.2 Github5.3 Repositorios5.4 Control de cambios y push5.5 Terminolog\u00eda y comandos b\u00e1sicos de Git5.6 Metodolog\u00eda Bootstrap4.1 Librer\u00eda4.2 Componentes4.3 Incorporaci\u00f3n: &#8211; CDN &#8211; Librer\u00eda local 4.4 Incorporaci\u00f3n de componentes, helpers, layout4.5 Identaci\u00f3n, herencias y comentarios4.6 Display Grid4.7 Flexboxgrid4.8 Grid systems4.9 Breakpoints JavaScript3.1 Introducci\u00f3n a JavaScript3.2 Variables y tipos de datos3.3 Operadores y expresiones3.4 Estructuras de control: &#8211; Condiciones (if, else if, else) &#8211; Bucles (for, while, do-while) &#8211; Switch3.5 Funciones y \u00e1mbito de variables3.6 Objetos y propiedades3.7 Arrays y bucles de iteraci\u00f3n3.8 Eventos y manipulaci\u00f3n del DOM3.9 jQuery (opcional) https:\/\/youtu.be\/EyLDGCestpQ Profe Jlopez explica el curso, no se olviden darle like y suscribirsen al canal Enlaces de interes W3Schools Developer Mozilla Lenguaje Html Lenguaje javaScript Bootstrap Articulos de Explicaciones Box Model Git Videotutoriales explicativos https:\/\/youtu.be\/xSag6oHvgCE?si=UquWP6G1lNXhIKH-https:\/\/youtu.be\/SaGxm1oDwvw?si=FLKhfIRP5lDjoF-Ehttps:\/\/youtu.be\/Q1sur8Qji5I?si=NZvPkimirL5P27dGhttps:\/\/youtu.be\/0FeSGNnYoOM?si=nieONtrP2fzYCfvF Herramientas recomendadas Drag and drop con\u00a0 javascript: https:\/\/drag-and-drop.formkit.com SQLFlow herramienta que visualiza bases de datos: https:\/\/sqlflow.gudusoft.com\/#\/ Creador de personas que no existen: https:\/\/thispersondoesnotexist.com\/ Pagina de Iconos: https:\/\/fontawesome.com\/ Creador de Gradientes: https:\/\/cssgradient.io\/ Creador de imagenes con IA: https:\/\/firefly.adobe.com La practica hace al maestro","og_url":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/","og_site_name":"Blog jlopez","article_published_time":"2024-05-25T01:01:51+00:00","article_modified_time":"2024-08-16T20:16:49+00:00","og_image":[{"url":"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg","type":"","width":"","height":""}],"author":"jlopez","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"jlopez","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#article","isPartOf":{"@id":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/"},"author":{"name":"jlopez","@id":"https:\/\/www.pacgrafica.com\/blog\/#\/schema\/person\/5a2185bcfc53c9b659313c13824559a0"},"headline":"Flexbox Grid","datePublished":"2024-05-25T01:01:51+00:00","dateModified":"2024-08-16T20:16:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/"},"wordCount":380,"commentCount":2,"publisher":{"@id":"https:\/\/www.pacgrafica.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg","keywords":["desarrollo web","dise\u00f1o fullstack","dise\u00f1o web","transferecias de conocimiento"],"articleSection":["Dise\u00f1o fullstack","Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/","url":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/","name":"Flexbox Grid - Blog jlopez","isPartOf":{"@id":"https:\/\/www.pacgrafica.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#primaryimage"},"image":{"@id":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg","datePublished":"2024-05-25T01:01:51+00:00","dateModified":"2024-08-16T20:16:49+00:00","breadcrumb":{"@id":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#primaryimage","url":"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg","contentUrl":"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/01\/323502207_2347089998801795_4250466125380876841_n.jpg","width":612,"height":612,"caption":"jlopez designer"},{"@type":"BreadcrumbList","@id":"https:\/\/www.pacgrafica.com\/blog\/flexbox-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.pacgrafica.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Flexbox Grid"}]},{"@type":"WebSite","@id":"https:\/\/www.pacgrafica.com\/blog\/#website","url":"https:\/\/www.pacgrafica.com\/blog\/","name":"Blog jlopez","description":"Contenidos y escritos","publisher":{"@id":"https:\/\/www.pacgrafica.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pacgrafica.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.pacgrafica.com\/blog\/#organization","name":"Blog jlopez","url":"https:\/\/www.pacgrafica.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.pacgrafica.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/03\/logo-jlopez-Blog.png","contentUrl":"https:\/\/www.pacgrafica.com\/blog\/wp-content\/uploads\/2023\/03\/logo-jlopez-Blog.png","width":399,"height":216,"caption":"Blog jlopez"},"image":{"@id":"https:\/\/www.pacgrafica.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.pacgrafica.com\/blog\/#\/schema\/person\/5a2185bcfc53c9b659313c13824559a0","name":"jlopez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.pacgrafica.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ac60129f52bf43cdab01f17c1c614493426cd82cde85ab5e45adee63ff026617?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ac60129f52bf43cdab01f17c1c614493426cd82cde85ab5e45adee63ff026617?s=96&d=mm&r=g","caption":"jlopez"},"sameAs":["https:\/\/www.pacgrafica.com\/blog"],"url":"https:\/\/www.pacgrafica.com\/blog\/author\/jlopez\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pacgrafica.com\/blog\/wp-json\/wp\/v2\/posts\/1656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pacgrafica.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pacgrafica.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pacgrafica.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pacgrafica.com\/blog\/wp-json\/wp\/v2\/comments?post=1656"}],"version-history":[{"count":10,"href":"https:\/\/www.pacgrafica.com\/blog\/wp-json\/wp\/v2\/posts\/1656\/revisions"}],"predecessor-version":[{"id":1781,"href":"https:\/\/www.pacgrafica.com\/blog\/wp-json\/wp\/v2\/posts\/1656\/revisions\/1781"}],"wp:attachment":[{"href":"https:\/\/www.pacgrafica.com\/blog\/wp-json\/wp\/v2\/media?parent=1656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pacgrafica.com\/blog\/wp-json\/wp\/v2\/categories?post=1656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pacgrafica.com\/blog\/wp-json\/wp\/v2\/tags?post=1656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}