From 437bb39355b06827e177573c366199dfae320846 Mon Sep 17 00:00:00 2001 From: Ganesh <115623665+GaneshS288@users.noreply.github.com> Date: Thu, 9 Jan 2025 13:43:53 +0530 Subject: [PATCH 1/2] Remove link to kevin powell's conquering responsive layout course this resource was already mentioned in a previous lesson "Natural responsiveness". repeating it is redundant. --- advanced_html_css/responsive_design/media_queries.md | 1 - 1 file changed, 1 deletion(-) diff --git a/advanced_html_css/responsive_design/media_queries.md b/advanced_html_css/responsive_design/media_queries.md index faa37f4a43..2cae64089c 100644 --- a/advanced_html_css/responsive_design/media_queries.md +++ b/advanced_html_css/responsive_design/media_queries.md @@ -101,4 +101,3 @@ The following questions are an opportunity to reflect on key topics in this less This section contains helpful links to related content. It isn't required, so consider it supplemental. - This [Media Query Tutorial](https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/) on FreeCodeCamp covers the same items we've touched on here. -- If you want more hands-on practice, this [Conquering Responsive Layouts](https://courses.kevinpowell.co/conquering-responsive-layouts) course by Kevin Powell might interest you. You'll have to sign up. From f1877785fa5ca59d7449d3d1033f56151780d611 Mon Sep 17 00:00:00 2001 From: Ganesh <115623665+GaneshS288@users.noreply.github.com> Date: Fri, 10 Jan 2025 15:32:36 +0530 Subject: [PATCH 2/2] fix linting errors --- advanced_html_css/responsive_design/media_queries.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/advanced_html_css/responsive_design/media_queries.md b/advanced_html_css/responsive_design/media_queries.md index 2cae64089c..5a29b85e71 100644 --- a/advanced_html_css/responsive_design/media_queries.md +++ b/advanced_html_css/responsive_design/media_queries.md @@ -29,19 +29,25 @@ In the above example, the margin is changed based on screen size. Specifically, Really, that's all there is to it. You can create some complex shifting layouts with just this knowledge alone. You can create an unlimited number of media queries in a single document (Click the 'Edit on CodePen' button so you can resize your screen and see the changes):

+ See the Pen Media Queries 1 | CSS Responsiveness by TheOdinProject (@TheOdinProjectExamples) on CodePen. +

+ You can also put any number of style definitions inside a media query:

+ See the Pen Media Queries 2 | CSS Responsiveness by TheOdinProject (@TheOdinProjectExamples) on CodePen. +

+ ### Tips @@ -86,7 +92,9 @@ This is not something we're going to focus on in our curriculum, but it may be s ### Assignment
+ 1. Look through [Using media queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries) on MDN. There are a few additional things you can do with media queries that might be worth knowing about, though their usage is much less common. +
### Knowledge check