{"id":279,"date":"2018-11-24T12:30:41","date_gmt":"2018-11-24T12:30:41","guid":{"rendered":"http:\/\/keruanima.com\/?p=279"},"modified":"2022-08-08T09:39:57","modified_gmt":"2022-08-08T09:39:57","slug":"grid-vs-flexbox-opinion","status":"publish","type":"post","link":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/","title":{"rendered":"Grid\u5bfeFlexBox\uff08\u79c1\u898b\uff09"},"content":{"rendered":"<p><strong>Grid\u306fflexbox\u3088\u308a\u3082\u306f\u308b\u304b\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u8996\u899a\u7684\u306a\u9078\u629e\u80a2\u3067\u3059<\/strong>\u3001flexbox\u3067\u306f\u8981\u7d20\u3092\u4e00\u65b9\u5411\u306b\u63c3\u3048\u308b\u3053\u3068\u3057\u304b\u3067\u304d\u307e\u305b\u3093\u3002Grid\u306f\u3001\u975e\u5e38\u306b\u81ea\u7531\u5ea6\u306e\u9ad8\u3044\u8868\u306e\u3088\u3046\u306b\u3001\u72ec\u81ea\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6301\u3064\u30bb\u30eb\u306e\u7db2\u76ee\u3092\u4f5c\u308c\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<figure style=\"width: 427px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large\" src=\"https:\/\/css-tricks.com\/wp-content\/uploads\/2016\/03\/grid-template-areas.png\" width=\"427\" height=\"330\" \/><figcaption class=\"wp-caption-text\">Grid\u3092\u4f7f\u3048\u3070\u3001\u57fa\u672c\u7684\u306a\u69cb\u9020\u306e\u4f5c\u6210\u3092\u306f\u308b\u304b\u306b\u5c11\u306a\u3044CSS\u30b3\u30fc\u30c9\u884c\u3067\u884c\u3048\u307e\u3059\u3002<\/figcaption><\/figure>\n<p>Grid\u3067\u306f\u3001\u30b9\u30da\u30fc\u30b9\u3092\u884c\u3068\u5217\u3067\u5b9a\u7fa9\u3057\u3001\u5404\u30bb\u30eb\u3092\u307b\u307c\u5b8c\u5168\u306a\u67d4\u8edf\u6027\u3067\u8abf\u6574\u3067\u304d\u307e\u3059\u3002\u89aa\u8981\u7d20\u304c\u5b50\u8981\u7d20\u306e\u305f\u3081\u306b\u571f\u53f0\u3092\u7528\u610f\u3057\u3001\u5b50\u8981\u7d20\u306f\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3059\u308b\u3053\u3068\u3067\u6069\u6075\u3092\u53d7\u3051\u3089\u308c\u307e\u3059\u3002\u30b9\u30bf\u30a4\u30eb\u306f\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u3001\u3059\u3067\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u8868\u306e\u4e2d\u3067\u6307\u5b9a\u3055\u308c\u305f\u30bb\u30eb\u3092\u5360\u3081\u308b\u3088\u3046\u306b\u5b50\u8981\u7d20\u3092\u914d\u7f6e\u3057\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001flex\u3067\u306f\u30c7\u30b6\u30a4\u30f3\u306e\u5bf8\u6cd5\u306b\u5408\u308f\u305b\u308b\u306e\u304c\u306f\u308b\u304b\u306b\u8907\u96d1\u306b\u306a\u308b\u3088\u3046\u306a\u5bf8\u6cd5\u3084\u4f4d\u7f6e\u306b\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5408\u308f\u305b\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u7279\u306b\u3001\u4e0a\u4e0b\u306e\u8981\u7d20\u3068\u9ad8\u3055\u3084\u5e45\u304c\u885d\u7a81\u3059\u308b\u8981\u7d20\u3084\u3001\u89aa\u306e\u300cdiv\u300d\u306e\u5b50\u8981\u7d20\u3067\u3001flexbox\u3067\u306f\u9069\u7528\u304c\u96e3\u3057\u304f\u306a\u308b\u3001\u3088\u308a\u5177\u4f53\u7684\u306a\u5bf8\u6cd5\u3092\u5fc5\u8981\u3068\u3059\u308b\u3082\u306e\u306e\u5834\u5408\u306b\u6709\u52b9\u3067\u3059\u3002<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1081\" src=\"https:\/\/keruto.com\/wp-content\/uploads\/2018\/11\/descarga-300x149.png\" alt=\"\" width=\"300\" height=\"149\" \/><\/p>\n<p>\u3053\u3053\u3067\u3001\u8ff0\u3079\u305f\u3053\u3068\u3092\u5177\u4f53\u4f8b\u3067\u793a\u3059\u306e\u304c\u3088\u3044\u3067\u3057\u3087\u3046\u30025\u3064\u306e\u8981\u7d20\u304b\u3089\u306a\u308b\u57fa\u672c\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30922\u901a\u308a\u306e\u65b9\u6cd5\u3067\u8868\u73fe\u3057\u3066\u307f\u307e\u3059\u30021\u3064\u76ee\u306fflexbox\u30012\u3064\u76ee\u306fGrid\u3067\u3059\u3002\u305d\u306e\u5f8c\u3001\u30b3\u30fc\u30c9\u3068\u3001\u4e00\u65b9\u306e\u9078\u629e\u80a2\u304c\u4ed6\u65b9\u3088\u308a\u512a\u308c\u308b\u70b9\u306b\u3064\u3044\u3066\u8aac\u660e\u3057\u307e\u3059\u3002<\/p>\n<p><strong>FLEXBOX\u306e\u5834\u5408<\/strong><\/p>\n<p class=\"codepen\" data-height=\"365\" data-theme-id=\"0\" data-slug-hash=\"LXmdGJ\" data-default-tab=\"css,result\" data-user=\"keruanima\" data-pen-title=\"cssGrid vs Flexbox (Flexbox basic page structure)\">See the Pen <a href=\"https:\/\/codepen.io\/keruanima\/pen\/LXmdGJ\/\">cssGrid vs Flexbox (Flexbox basic page structure)<\/a> by Keruanima (<a href=\"https:\/\/codepen.io\/keruanima\">@keruanima<\/a>) on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><script async=\"\" src=\"https:\/\/static.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n<p><strong>GRID\u306e\u5834\u5408<\/strong><\/p>\n<p class=\"codepen\" data-height=\"365\" data-theme-id=\"0\" data-slug-hash=\"WYJzzR\" data-default-tab=\"css,result\" data-user=\"keruanima\" data-pen-title=\"cssGrid vs Flexbox (Grid basic page structure)\">See the Pen <a href=\"https:\/\/codepen.io\/keruanima\/pen\/WYJzzR\/\">cssGrid vs Flexbox (Grid basic page structure)<\/a> by Keruanima (<a href=\"https:\/\/codepen.io\/keruanima\">@keruanima<\/a>) on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><script async=\"\" src=\"https:\/\/static.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n<p>\u3067\u306f <em>flexbox<\/em> \u4f5c\u308b\u3068\u304d\u306e <em>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6<\/em> \u3088\u308a\u591a\u304f\u306e\u30af\u30e9\u30b9\u3092\u8003\u616e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u5177\u4f53\u7684\u306b\u306f <strong><em>media query<\/em> <\/strong>\u3057\u304b\u3057 <strong>Grid\u3067\u306f\u8981\u7d20\u306e\u89aa\u3060\u3051\u306b\u9650\u5b9a\u3067\u304d\u307e\u3059\u3002<\/strong> \u306a\u305c\u306a\u3089\u3001\u305d\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u3046\u3068\u3001 <em>grid-area<\/em> CSS\u5185\u3067\u8981\u7d20\u3092\u3088\u308a\u8996\u899a\u7684\u306b\u914d\u7f6e\u3067\u304d\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u4fee\u6b63\u304c\u7c21\u5358\u306a\u5358\u4e00\u306e\u30af\u30e9\u30b9\u3067\u884c\u3048\u307e\u3059\u3002<\/p>\n<p style=\"text-align: center;\"><em>Grid\u3092\u4f7f\u3048\u3070\u3001\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u3092\u3055\u3089\u306b\u7c21\u7d20\u5316\u3067\u304d\u307e\u3059\u3002<\/em><\/p>\n<p>grid\u306e\u6982\u5ff5\u3001\u305d\u306e\u30b9\u30bf\u30a4\u30eb\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u7406\u89e3\u3059\u308c\u3070\u3001flex\u3067\u306f\u3088\u308a\u56f0\u96e3\u306a\u3001\u67d4\u8edf\u6027\u30fb\u6a5f\u654f\u3055\u30fb\u7d4c\u6e08\u6027\u3092\u5099\u3048\u305f\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u4f5c\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u3001flexbox\u3067\u306f\u8907\u96d1\u306b\u306a\u308b\u300c\u5236\u9650\u300d\u3084\u72b6\u6cc1\u3082\u5b58\u5728\u3057\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u3001\u53f3\u5074\u306e\u30b5\u30a4\u30c9\u30d0\u30fc\u306e\u5e45\u3092\u3088\u308a\u5c0f\u3055\u304f\u3057\u305f\u3044\u5834\u5408\u3001grid\u3067\u4f5c\u3063\u305f\u4f8b\u3067\u306fCSS\u30b3\u30fc\u30c9\u30921\u884c\u8ffd\u52a0\u3059\u308b\u3060\u3051\u3067\u3059\u304c\u3001flexbox\u3092\u4f7f\u3063\u305f\u4f8b\u3067\u306f\u3001\u8981\u7d20\u304c\u5168\u4f53\u306e\u30b9\u30da\u30fc\u30b9\u306b\u7121\u7406\u3084\u308a\u9069\u5fdc\u3057\u3088\u3046\u3068\u3059\u308b\u305f\u3081\u3001\u3082\u3046\u5c11\u3057\u8907\u96d1\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>\u7d50\u8ad6\u3068\u3057\u3066\u3001Grid\u306f\u65b0\u3057\u3044\u30c8\u30ec\u30f3\u30c9\u3067\u3042\u308a\u3001Flexbox\u306f\u4f9d\u7136\u3068\u3057\u3066\u975e\u5e38\u306b\u6709\u7528\u3067\u3059\u304c\u3001\u4e00\u4eba\u524d\u306e\u30c7\u30b6\u30a4\u30ca\u30fc\u306a\u3089\u8ab0\u3067\u3082\u3001\u305d\u306e\u5229\u70b9\u304b\u3089CSS Grid\u306b\u9069\u5fdc\u3059\u308b\u3060\u308d\u3046\u3068\u78ba\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002<\/p>","protected":false},"excerpt":{"rendered":"<p>Grid resulta una opci\u00f3n mucho mas sencilla y visual que flexbox, flexbox nos permite una alineaci\u00f3n de elementos que va en una sola direcci\u00f3n Grid esta preparado para realizar un entramado de celdas con sus propias propiedades como si de una tabla extremadamente vers\u00e1til se tratara. Grid permite que definamos nuestros espacios en filas y columnas adaptando cada celda con una flexibilidad casi absoluta, el elemento padre prepara el terreno a los hijos y estos pueden beneficiarse aplicando estilos, que seg\u00fan convenga los posicionar\u00e1n ocupando dentro de la tabla ya definida las celdas que se especifiquen, sin necesidad de obligarnos a adaptar el maquetado a unas medidas y posiciones que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":297,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[43,13],"tags":[48,14,47],"class_list":["post-279","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","category-diseno-web","tag-css","tag-diseno-web","tag-opinion"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.5 - aioseo.com -->\n\t<meta name=\"description\" content=\"Mi visi\u00f3n de Grid y las razones por las que lo veo una ventaja sobre flexbox. - articulo de keruanima.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Keruanima\"\/>\n\t<meta name=\"google-site-verification\" content=\"DLdPqYVuvlPaTjY91_F7mUZ0glPEssoIzP6-wuowpBE\" \/>\n\t<meta name=\"p:domain_verify\" content=\"8e0f6da98f8a6d199e5a79f7c743a72d\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.5\" \/>\n\t\t<meta property=\"og:locale\" content=\"ja_JP\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Keruto\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Grid\u5bfeFlexBox\uff08\u79c1\u898b\uff09 - Keruto\" \/>\n\t\t<meta property=\"og:description\" content=\"Mi visi\u00f3n de Grid y las razones por las que lo veo una ventaja sobre flexbox. - articulo de keruanima.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/keruto.com\/wp-content\/uploads-webpc\/uploads\/2018\/11\/flexboxvsgrid.jpg.webp\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/keruto.com\/wp-content\/uploads-webpc\/uploads\/2018\/11\/flexboxvsgrid.jpg.webp\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t\t<meta property=\"article:section\" content=\"dise\u00f1o web\" \/>\n\t\t<meta property=\"article:tag\" content=\"css\" \/>\n\t\t<meta property=\"article:tag\" content=\"dise\u00f1o web\" \/>\n\t\t<meta property=\"article:tag\" content=\"opini\u00f3n\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2018-11-24T12:30:41+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2022-08-08T09:39:57+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Keruanima\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@keruanima\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Grid\u5bfeFlexBox\uff08\u79c1\u898b\uff09 - Keruto\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Mi visi\u00f3n de Grid y las razones por las que lo veo una ventaja sobre flexbox. - articulo de keruanima.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@keruanima\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/keruto.com\/wp-content\/uploads-webpc\/uploads\/2018\/11\/flexboxvsgrid.jpg.webp\" \/>\n\t\t<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t\t<meta name=\"twitter:data1\" content=\"Keruanima\" \/>\n\t\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#article\",\"name\":\"Grid\\u5bfeFlexBox\\uff08\\u79c1\\u898b\\uff09 - Keruto\",\"headline\":\"Grid vs FlexBox (opini\\u00f3n)\",\"author\":{\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/author\\\/kadmin\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/keruto.com\\\/wp-content\\\/uploads-webpc\\\/uploads\\\/2018\\\/11\\\/flexboxvsgrid.jpg.webp\",\"width\":1920,\"height\":1080},\"datePublished\":\"2018-11-24T12:30:41+00:00\",\"dateModified\":\"2022-08-08T09:39:57+00:00\",\"inLanguage\":\"ja\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#webpage\"},\"articleSection\":\"dise\\u00f1o, dise\\u00f1o web, css, dise\\u00f1o web, opini\\u00f3n\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/#listItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/keruto.com\\\/ja\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/category\\\/diseno\\\/#listItem\",\"name\":\"dise\\u00f1o\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/category\\\/diseno\\\/#listItem\",\"position\":2,\"name\":\"dise\\u00f1o\",\"item\":\"https:\\\/\\\/keruto.com\\\/ja\\\/category\\\/diseno\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/category\\\/diseno\\\/diseno-web\\\/#listItem\",\"name\":\"dise\\u00f1o web\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/#listItem\",\"name\":\"Inicio\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/category\\\/diseno\\\/diseno-web\\\/#listItem\",\"position\":3,\"name\":\"dise\\u00f1o web\",\"item\":\"https:\\\/\\\/keruto.com\\\/ja\\\/category\\\/diseno\\\/diseno-web\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#listItem\",\"name\":\"Grid vs FlexBox (opini\\u00f3n)\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/category\\\/diseno\\\/#listItem\",\"name\":\"dise\\u00f1o\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#listItem\",\"position\":4,\"name\":\"Grid vs FlexBox (opini\\u00f3n)\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/category\\\/diseno\\\/diseno-web\\\/#listItem\",\"name\":\"dise\\u00f1o web\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/#person\",\"name\":\"Keruanima\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#personImage\",\"url\":\"https:\\\/\\\/keruto.com\\\/wp-content\\\/litespeed\\\/avatar\\\/a404ba2ad8f05ecd81c7791566fc171b.jpg?ver=1793707543\",\"width\":96,\"height\":96,\"caption\":\"Keruanima\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/author\\\/kadmin\\\/#author\",\"url\":\"https:\\\/\\\/keruto.com\\\/ja\\\/author\\\/kadmin\\\/\",\"name\":\"Keruanima\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#authorImage\",\"url\":\"https:\\\/\\\/keruto.com\\\/wp-content\\\/litespeed\\\/avatar\\\/a404ba2ad8f05ecd81c7791566fc171b.jpg?ver=1793707543\",\"width\":96,\"height\":96,\"caption\":\"Keruanima\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#webpage\",\"url\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/\",\"name\":\"Grid\\u5bfeFlexBox\\uff08\\u79c1\\u898b\\uff09 - Keruto\",\"description\":\"Mi visi\\u00f3n de Grid y las razones por las que lo veo una ventaja sobre flexbox. - articulo de keruanima.\",\"inLanguage\":\"ja\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/author\\\/kadmin\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/author\\\/kadmin\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/keruto.com\\\/wp-content\\\/uploads-webpc\\\/uploads\\\/2018\\\/11\\\/flexboxvsgrid.jpg.webp\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#mainImage\",\"width\":1920,\"height\":1080},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/diseno\\\/diseno-web\\\/grid-vs-flexbox-opinion\\\/#mainImage\"},\"datePublished\":\"2018-11-24T12:30:41+00:00\",\"dateModified\":\"2022-08-08T09:39:57+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/#website\",\"url\":\"https:\\\/\\\/keruto.com\\\/ja\\\/\",\"name\":\"Keruanima - Dise\\u00f1ador (\\ud83c\\udf9e\\ufe0fedici\\u00f3n | \\ud83d\\udd79\\ufe0fvideojuegos | \\ud83d\\udd8c\\ufe0fdise\\u00f1o gr\\u00e1fico | \\ud83d\\udcbb web | \\ud83d\\uddbc\\ufe0f arte)\",\"alternateName\":\"Keruanima - Dise\\u00f1ador\",\"description\":\"Creativo y dise\\u00f1ador digital\",\"inLanguage\":\"ja\",\"publisher\":{\"@id\":\"https:\\\/\\\/keruto.com\\\/ja\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Grid\u5bfeFlexBox\uff08\u79c1\u898b\uff09 - Keruto","description":"Mi visi\u00f3n de Grid y las razones por las que lo veo una ventaja sobre flexbox. - articulo de keruanima.","canonical_url":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"DLdPqYVuvlPaTjY91_F7mUZ0glPEssoIzP6-wuowpBE","p:domain_verify":"8e0f6da98f8a6d199e5a79f7c743a72d","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#article","name":"Grid\u5bfeFlexBox\uff08\u79c1\u898b\uff09 - Keruto","headline":"Grid vs FlexBox (opini\u00f3n)","author":{"@id":"https:\/\/keruto.com\/ja\/author\/kadmin\/#author"},"publisher":{"@id":"https:\/\/keruto.com\/ja\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/keruto.com\/wp-content\/uploads-webpc\/uploads\/2018\/11\/flexboxvsgrid.jpg.webp","width":1920,"height":1080},"datePublished":"2018-11-24T12:30:41+00:00","dateModified":"2022-08-08T09:39:57+00:00","inLanguage":"ja","mainEntityOfPage":{"@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#webpage"},"isPartOf":{"@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#webpage"},"articleSection":"dise\u00f1o, dise\u00f1o web, css, dise\u00f1o web, opini\u00f3n"},{"@type":"BreadcrumbList","@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/keruto.com\/ja\/#listItem","position":1,"name":"Inicio","item":"https:\/\/keruto.com\/ja\/","nextItem":{"@type":"ListItem","@id":"https:\/\/keruto.com\/ja\/category\/diseno\/#listItem","name":"dise\u00f1o"}},{"@type":"ListItem","@id":"https:\/\/keruto.com\/ja\/category\/diseno\/#listItem","position":2,"name":"dise\u00f1o","item":"https:\/\/keruto.com\/ja\/category\/diseno\/","nextItem":{"@type":"ListItem","@id":"https:\/\/keruto.com\/ja\/category\/diseno\/diseno-web\/#listItem","name":"dise\u00f1o web"},"previousItem":{"@type":"ListItem","@id":"https:\/\/keruto.com\/ja\/#listItem","name":"Inicio"}},{"@type":"ListItem","@id":"https:\/\/keruto.com\/ja\/category\/diseno\/diseno-web\/#listItem","position":3,"name":"dise\u00f1o web","item":"https:\/\/keruto.com\/ja\/category\/diseno\/diseno-web\/","nextItem":{"@type":"ListItem","@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#listItem","name":"Grid vs FlexBox (opini\u00f3n)"},"previousItem":{"@type":"ListItem","@id":"https:\/\/keruto.com\/ja\/category\/diseno\/#listItem","name":"dise\u00f1o"}},{"@type":"ListItem","@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#listItem","position":4,"name":"Grid vs FlexBox (opini\u00f3n)","previousItem":{"@type":"ListItem","@id":"https:\/\/keruto.com\/ja\/category\/diseno\/diseno-web\/#listItem","name":"dise\u00f1o web"}}]},{"@type":"Person","@id":"https:\/\/keruto.com\/ja\/#person","name":"Keruanima","image":{"@type":"ImageObject","@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#personImage","url":"https:\/\/keruto.com\/wp-content\/litespeed\/avatar\/a404ba2ad8f05ecd81c7791566fc171b.jpg?ver=1793707543","width":96,"height":96,"caption":"Keruanima"}},{"@type":"Person","@id":"https:\/\/keruto.com\/ja\/author\/kadmin\/#author","url":"https:\/\/keruto.com\/ja\/author\/kadmin\/","name":"Keruanima","image":{"@type":"ImageObject","@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#authorImage","url":"https:\/\/keruto.com\/wp-content\/litespeed\/avatar\/a404ba2ad8f05ecd81c7791566fc171b.jpg?ver=1793707543","width":96,"height":96,"caption":"Keruanima"}},{"@type":"WebPage","@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#webpage","url":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/","name":"Grid\u5bfeFlexBox\uff08\u79c1\u898b\uff09 - Keruto","description":"Mi visi\u00f3n de Grid y las razones por las que lo veo una ventaja sobre flexbox. - articulo de keruanima.","inLanguage":"ja","isPartOf":{"@id":"https:\/\/keruto.com\/ja\/#website"},"breadcrumb":{"@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#breadcrumblist"},"author":{"@id":"https:\/\/keruto.com\/ja\/author\/kadmin\/#author"},"creator":{"@id":"https:\/\/keruto.com\/ja\/author\/kadmin\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/keruto.com\/wp-content\/uploads-webpc\/uploads\/2018\/11\/flexboxvsgrid.jpg.webp","@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#mainImage","width":1920,"height":1080},"primaryImageOfPage":{"@id":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/#mainImage"},"datePublished":"2018-11-24T12:30:41+00:00","dateModified":"2022-08-08T09:39:57+00:00"},{"@type":"WebSite","@id":"https:\/\/keruto.com\/ja\/#website","url":"https:\/\/keruto.com\/ja\/","name":"Keruanima - Dise\u00f1ador (\ud83c\udf9e\ufe0fedici\u00f3n | \ud83d\udd79\ufe0fvideojuegos | \ud83d\udd8c\ufe0fdise\u00f1o gr\u00e1fico | \ud83d\udcbb web | \ud83d\uddbc\ufe0f arte)","alternateName":"Keruanima - Dise\u00f1ador","description":"Creativo y dise\u00f1ador digital","inLanguage":"ja","publisher":{"@id":"https:\/\/keruto.com\/ja\/#person"}}]},"og:locale":"ja_JP","og:site_name":"Keruto","og:type":"article","og:title":"Grid\u5bfeFlexBox\uff08\u79c1\u898b\uff09 - Keruto","og:description":"Mi visi\u00f3n de Grid y las razones por las que lo veo una ventaja sobre flexbox. - articulo de keruanima.","og:url":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/","og:image":"https:\/\/keruto.com\/wp-content\/uploads-webpc\/uploads\/2018\/11\/flexboxvsgrid.jpg.webp","og:image:secure_url":"https:\/\/keruto.com\/wp-content\/uploads-webpc\/uploads\/2018\/11\/flexboxvsgrid.jpg.webp","og:image:width":1920,"og:image:height":1080,"article:section":"dise\u00f1o web","article:tag":["css","dise\u00f1o web","opini\u00f3n"],"article:published_time":"2018-11-24T12:30:41+00:00","article:modified_time":"2022-08-08T09:39:57+00:00","article:publisher":"https:\/\/www.facebook.com\/Keruanima","twitter:card":"summary_large_image","twitter:site":"@keruanima","twitter:title":"Grid\u5bfeFlexBox\uff08\u79c1\u898b\uff09 - Keruto","twitter:description":"Mi visi\u00f3n de Grid y las razones por las que lo veo una ventaja sobre flexbox. - articulo de keruanima.","twitter:creator":"@keruanima","twitter:image":"https:\/\/keruto.com\/wp-content\/uploads-webpc\/uploads\/2018\/11\/flexboxvsgrid.jpg.webp","twitter:label1":"Written by","twitter:data1":"Keruanima","twitter:label2":"Est. reading time","twitter:data2":"2 minutes"},"aioseo_meta_data":{"post_id":"279","title":null,"description":"Mi visi\u00f3n de Grid y las razones por las que lo veo una ventaja sobre flexbox. #separator_sa articulo de keruanima.","keywords":null,"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"featured","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":"dise\u00f1o web","og_article_tags":null,"twitter_use_og":true,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-03-22 21:41:37","updated":"2026-09-23 06:41:54","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/keruto.com\/ja\/\" title=\"Inicio\">Inicio<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/keruto.com\/ja\/category\/diseno\/\" title=\"dise\u00f1o\">dise\u00f1o<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/keruto.com\/ja\/category\/diseno\/diseno-web\/\" title=\"dise\u00f1o web\">dise\u00f1o web<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tGrid vs FlexBox (opini\u00f3n)\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Inicio","link":"https:\/\/keruto.com\/ja\/"},{"label":"dise\u00f1o","link":"https:\/\/keruto.com\/ja\/category\/diseno\/"},{"label":"dise\u00f1o web","link":"https:\/\/keruto.com\/ja\/category\/diseno\/diseno-web\/"},{"label":"Grid vs FlexBox (opini\u00f3n)","link":"https:\/\/keruto.com\/ja\/diseno\/diseno-web\/grid-vs-flexbox-opinion\/"}],"_links":{"self":[{"href":"https:\/\/keruto.com\/ja\/wp-json\/wp\/v2\/posts\/279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keruto.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/keruto.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/keruto.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keruto.com\/ja\/wp-json\/wp\/v2\/comments?post=279"}],"version-history":[{"count":0,"href":"https:\/\/keruto.com\/ja\/wp-json\/wp\/v2\/posts\/279\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/keruto.com\/ja\/wp-json\/wp\/v2\/media\/297"}],"wp:attachment":[{"href":"https:\/\/keruto.com\/ja\/wp-json\/wp\/v2\/media?parent=279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/keruto.com\/ja\/wp-json\/wp\/v2\/categories?post=279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/keruto.com\/ja\/wp-json\/wp\/v2\/tags?post=279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}