{"version":"1.0","provider_name":"Ver mi IP","provider_url":"https:\/\/vermiip.es\/blog","title":"Curso de HTML5 y CSS3: Responsive - Media Queries - Ver mi IP","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"7mlqtA8LRY\"><a href=\"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-responsive-media-queries\/\">Curso de HTML5 y CSS3: Responsive &#8211; Media Queries<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-responsive-media-queries\/embed\/#?secret=7mlqtA8LRY\" width=\"600\" height=\"338\" title=\"\u00abCurso de HTML5 y CSS3: Responsive &#8211; Media Queries\u00bb \u2014 Ver mi IP\" data-secret=\"7mlqtA8LRY\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/vermiip.es\/blog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/11\/output1-3.png","thumbnail_width":1792,"thumbnail_height":1024,"description":"El dise\u00f1o web responsive es esencial en la actualidad, ya que cada vez m\u00e1s usuarios acceden a Internet a trav\u00e9s de dispositivos m\u00f3viles. Las Media Queries son una herramienta poderosa que permite ajustar el dise\u00f1o de nuestro sitio seg\u00fan el dispositivo que lo visualice. En este art\u00edculo, exploraremos c\u00f3mo implementar Media Queries en HTML5 y CSS3, ofreciendo ejemplos pr\u00e1cticos y consejos \u00fatiles para crear sitios que se adapten a cualquier tama\u00f1o de pantalla."}