{ "key_pair_value_system": true, "answer_rating_count": "", "question_feedback_html": { "html_star": "", "html_star_feedback": "" }, "answer_average_rating_value": "", "answer_date_js": "2024-08-23T07:19:20-04:00", "answer_date": "2024-08-23 07:19:20", "is_docs_available": null, "is_excel_available": null, "is_pdf_available": null, "count_file_available": 0, "main_page": "student_question_view", "question_id": "8313518", "url": "\/study-help\/questions\/i-am-working-on-html-with-css-stylingwhere-i-have-8313518", "question_creation_date_js": "2024-08-23T07:19:20-04:00", "question_creation_date": "Aug 23, 2024 07:19 AM", "meta_title": "[Solved] I am working on HTML with CSS styling,whe | SolutionInn", "meta_description": "Answer of - I am working on HTML with CSS styling,where i have to make the webpage look different on mobile devices.The program ha | SolutionInn", "meta_keywords": "working,html,css,styling,make,webpage,mobile,devices,program,1,paragraph,1,heading", "question_title_h1": "I am working on HTML with CSS styling,where i have to make the webpage look different on mobile devices.The program has 1 paragraph,1 heading and", "question_title": "I am working on HTML with CSS styling,where i have to make", "question_title_for_js_snippet": "I am working on HTML with CSS styling,where i have to make the webpage look different on mobile devices The program has 1 paragraph,1 heading and a side bar The thing i want to do is when we check the webpage on mobile using developer tools of browser(In chrome ,Settings More Tools Developer Tools Toogle Device Toolbar Responsive )I want the sidebar to appear on top of the page (currently its down ) The mobile view should have the sidebar at top and then the paragraph and heading at bottom Basically i have to change something in CSS and use media queries,but i am unable to figure it out I already posted this question once,but i didn't got the required answer I just want that when we resize the browser window or view this file in mobile,then the sidebar should be at top and the content below it It's something about css and media query ,used for mobile friendly behavior HTML Google Google LLC is an American multinational technology company that specializes in Internet related services and products, which include online advertising technologies, search engine, cloud computing, software, and hardware It is considered one of the Big Four technology companies, alongside Amazon, Apple, and Facebook 10 11 Google was founded in September 1998 by Larry Page and Sergey Brin while they were Ph D students at Stanford University in California Together they own about 14 percent of its shares and control 56 percent of the stockholder voting power through supervoting stock They incorporated Google as a California privately held company on September 4, 1998, in California Google was then reincorporated in Delaware on October 22, 2002 12 An initial public offering (IPO) took place on August 19, 2004, and Google moved to its headquarters in Mountain View, California, nicknamed the Googleplex In August 2015, Google announced plans to reorganize its various interests as a conglomerate called Alphabet Inc Google is Alphabet's leading subsidiary and will continue to be the umbrella company for Alphabet's Internet interests Sundar Pichai was appointed CEO of Google, replacing Larry Page who became the CEO of Alphabet This is primary page Sidebar1 Sidebar2 CSS body font family Lato , sans serif sidenav width 100px position fixed z index 1 top 500px left 10px background eee overflow x hidden padding 8px 0 sidenav a padding 6px 8px 6px 16px text decoration none font size 25px color 2196F3 display block sidenav a hover color Green ", "question_description": "

I am working on HTML with CSS styling,where i have to make the webpage look different on mobile devices.The program has 1 paragraph,1 heading and a side-bar.The thing i want to do is when we check the webpage on mobile using developer tools of browser(In chrome ,Settings> More Tools> Developer Tools > Toogle Device Toolbar > Responsive..)I want the sidebar to appear on top of the page.(currently its down ).The mobile view should have the sidebar at top and then the paragraph and heading at bottom.Basically i have to change something in CSS and use media queries,but i am unable to figure it out.I already posted this question once,but i didn't got the required answer.I just want that when we resize the browser window or view this file in mobile,then the sidebar should be at top and the content below it.It's something about css and media query ,used for mobile friendly behavior.<\/p>

HTML<\/strong><\/p>

Google<\/title><\/p> <p><link rel=\"stylesheet\" href=\"John.css\"><\/p> <p><\/head> <body> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><\/p> <p><h4>Google LLC is an American multinational technology company that specializes in Internet-related services and products, which include online advertising technologies, search engine, cloud computing, software, and hardware. It is considered one of the Big Four technology companies, alongside Amazon, Apple, and Facebook.[10][11]<\/p> <p>Google was founded in September 1998 by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University in California. Together they own about 14 percent of its shares and control 56 percent of the stockholder voting power through supervoting stock. They incorporated Google as a California privately held company on September 4, 1998, in California. Google was then reincorporated in Delaware on October 22, 2002.[12] An initial public offering (IPO) took place on August 19, 2004, and Google moved to its headquarters in Mountain View, California, nicknamed the Googleplex. In August 2015, Google announced plans to reorganize its various interests as a conglomerate called Alphabet Inc. Google is Alphabet's leading subsidiary and will continue to be the umbrella company for Alphabet's Internet interests. Sundar Pichai was appointed CEO of Google, replacing Larry Page who became the CEO of Alphabet.<\/h4> <p> <\/p> <header> <h3> This is primary page<\/h3> <div> Sidebar1 Sidebar2 <\/div><\/p> <p> <\/body> <\/html><\/p> <p><strong>CSS<\/strong><\/p> <p><style><\/p> <p>body { font-family: \"Lato\", sans-serif; }<\/p> <p>.sidenav { width: 100px; position: fixed; z-index: 1; top: 500px; left: 10px; background: #eee; overflow-x: hidden; padding: 8px 0; }<\/p> <p>.sidenav a { padding: 6px 8px 6px 16px; text-decoration: none; font-size: 25px; color: #2196F3; display: block; }<\/p> <p>.sidenav a:hover { color: Green; }<\/p> <p> <\/style><\/p>", "transcribed_text": "", "related_book": { "title": null, "isbn": null, "edition": null, "authors": null, "cover_image": null, "uri": null, "see_more_uri": "" }, "free_related_book": { "isbn": "", "uri": "", "name": "", "edition": "" }, "question_posted": "2024-08-23 07:19:20", "see_more_questions_link": "\/study-help\/questions\/computer-science-operating-system-2022-August-09", "step_by_step_answer": "The Answer is in the image, click to view ...", "students_also_viewed": [ { "url": "\/study-help\/psychology-2e\/4-should-athletes-set-their-own-goals-or-should-the-1988395", "description": "4. Should athletes set their own goals or should the coach be involved in this process? What does the research say about this? What are goal attributes? What do you think is the best approach in...", "stars": 0 }, { "url": "\/grannys-butter-and-egg-business-is-such", "description": "Granny's Butter and Egg Business is such that she pays an effective tax rate of 40%. Granny is considering the purchase of a new Throb Churn for $25,000. This churn is a special handling device for...", "stars": 3 }, { "url": "\/study-help\/questions\/how-are-antidilutive-securities-treated-when-calculating-diluted-eps-a-10051679", "description": "How are antidilutive securities treated when calculating Diluted EPS? a) Excluded since they would increase diluted EPS b) They are always included c) Included since they would increase diluted EPS...", "stars": 3 }, { "url": "\/study-help\/questions\/consider-an-airline-trying-to-sell-plane-tickets-to-business-720327", "description": "Consider an airline trying to sell plane tickets to business travellers and tourists. The airline cannot distinguish between the two at the point of sale, but knows that in general, business...", "stars": 3 }, { "url": "\/study-help\/questions\/abc-company-reports-their-earnings-and-expenses-data-from-the-886531", "description": "ABC Company reports their earnings and expenses data from the years 2004 to 2018 as shown in the table. Use Linear Forecasting and regression to calculate the expense value in the year 2021. Years...", "stars": 3 }, { "url": "\/study-help\/questions\/the-term-cocoa-according-to-the-author-best-fits-within-5678429", "description": "The term COCOA, according to the author, best fits within the concept of area analysis and is generally considered within : Group of answer choices Military Missions Cultural Geography and Strategic...", "stars": 3 }, { "url": "\/study-help\/questions\/problem-618-algo-relevant-cost-analysis-in-a-variety-of-4067108", "description": "Problem 6-18 (Algo) Relevant Cost Analysis in a Variety of Situations [LOG-2, LOG-3, LOG-4] Andretti Company has a single product called a Dak. The company normally produces and sells 87,000 Daks...", "stars": 3 }, { "url": "\/study-help\/questions\/sweet-memories-inc-for-q1113-sweet-memories-inc-is-a-1117229", "description": "Sweet Memories Inc (for Q11-13) Sweet Memories Inc is a company that produces Customized Family Portraits. Preparing a Family Portrait involves 3-steps: Collect the Images and Stories, Edit, and...", "stars": 3 }, { "url": "\/study-help\/questions\/rebecca-v-my-home-courses-catalog-and-study-tools-rental-5220426", "description": "Rebecca v My Home Courses Catalog and Study Tools Rental Options College Success Tips Career Success Tips Help Give Feedback H ng.cengageicom a MindTap - Cengage Learning '2: CENGAGE | MINDTAP...", "stars": 3 } ], "next_back_navigation": { "previous": "\/study-help\/questions\/on-september-1-2018-innovation-company-purchased-a-patent-for-8313517", "next": "\/study-help\/questions\/required-information-the-following-information-applies-to-the-questions-8313519" }, "breadcrumbs": [ { "name": "Study help", "link": "https:\/\/www.solutioninn.com\/study-help\/questions-and-answers" }, { "name": "Computer Science", "link": "https:\/\/www.solutioninn.com\/study-help\/questions-and-answers\/computer-science" }, { "name": "Databases", "link": "https:\/\/www.solutioninn.com\/study-help\/questions\/computer-science-databases" }, { "name": "I am working on HTML with CSS styling,where i have to make", "link": "https:\/\/www.solutioninn.com\/study-help\/questions\/i-am-working-on-html-with-css-stylingwhere-i-have-8313518" } ], "skill_details": { "skill_id": "656", "skill_name": "Databases", "parent_id": "8" } }