{ "key_pair_value_system": true, "answer_rating_count": "", "question_feedback_html": { "html_star": "", "html_star_feedback": "" }, "answer_average_rating_value": "", "answer_date_js": "2024-09-24T13:08:40-04:00", "answer_date": "2024-09-24 13:08:40", "is_docs_available": "", "is_excel_available": "", "is_pdf_available": "", "count_file_available": 0, "main_page": "student_question_view", "question_id": "13051185", "url": "\/study-help\/questions\/i-am-working-on-html-with-css-stylingwhere-i-have-13051185", "question_creation_date_js": "2024-09-24T13:08:40-04:00", "question_creation_date": "Sep 24, 2024 01:08 PM", "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 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.<\/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> <\/p> <p><strong><style><\/strong><\/p> <p><strong>body { font-family: \"Lato\", sans-serif; }<\/strong><\/p> <p><strong>.sidenav { width: 100px; position: fixed; z-index: 1; top: 500px; left: 10px; background: #eee; overflow-x: hidden; padding: 8px 0; }<\/strong><\/p> <p><strong>.sidenav a { padding: 6px 8px 6px 16px; text-decoration: none; font-size: 25px; color: #2196F3; display: block; }<\/strong><\/p> <p><strong>.sidenav a:hover { color: Green; }<\/strong><\/p> <p> <strong><\/style><\/strong><\/p>", "transcribed_text": "", "related_book": { "title": "Understanding Databases Concepts And Practice", "isbn": "1119827949, 9781119827948", "edition": "1st Edition", "authors": "Suzanne W Dietrich", "cover_image": "https:\/\/dsd5zvtm8ll6.cloudfront.net\/si.question.images\/book_images\/2022\/02\/61fa4044a9413_40461fa404426d39.jpg", "uri": "\/textbooks\/understanding-databases-concepts-and-practice-1st-edition-9781119827948", "see_more_uri": "\/textbooks\/computer-science-snobol-2597" }, "question_posted": "2024-09-24 13:08:40", "step_by_step_answer": "The Answer is in the image, click to view ...", "students_also_viewed": [ { "url": "\/study-help\/fundamentals-of-human-resource-management\/what-is-the-fundamental-difference-between-a-line-activity-and-2110888", "description": "What is the fundamental difference between a line activity and a staff activity? Provide two examples of each in a health care setting.", "stars": 0 }, { "url": "\/long-straight-solid-cy1inder-oriented-with-its-axis-in", "description": "A long, straight, solid cy1inder, oriented with its axis in the z-direction, carries a current whose current density is J. The current density, although symmetrical about the cylinder axis, is not...", "stars": 3 }, { "url": "\/study-help\/questions\/i-am-working-on-html-with-css-stylingwhere-i-have-13051185", "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...", "stars": 3 }, { "url": "\/study-help\/questions\/q-1-3-jpg-group-of-answer-choices-12545655", "description": "Q 1 - 3 . JPG Group of answer choices ( C ) ( A ) ( B ) ( D )", "stars": 3 }, { "url": "\/study-help\/questions\/suppose-you-took-part-in-a-national-exam-your-test-3241890", "description": "Suppose you took part in a national exam. Your test results indicated that you were in the 79th percentile on the exam. What does this mean? Select ALL that apply Group of answer choices Your score...", "stars": 3 }, { "url": "\/study-help\/questions\/001958-question-15-of-25-qu-a-client-who-is-5742576", "description": "00:19:58 Question #15 of 25 Qu A client who is primarily concerned that inflation might erode the purchasing power of his annuity income would NOT be a good candidate for ik NR han Pleas such surrel...", "stars": 3 }, { "url": "\/study-help\/questions\/jolene-is-having-some-friends-over-and-her-11monthold-daughter-1542483", "description": "Jolene is having some friends over and her 11-month-old daughter begins to cry. Jolene ignores the baby for a while until her friends ask her if she wants to go tend to the baby. Jolene then gets a...", "stars": 3 }, { "url": "\/study-help\/questions\/your-supplier-notices-that-you-firm-has-been-stretching-its-5736756", "description": "(1) Suppose your supplier offered you credit terms of 1.5\/10 net 40 days. Your firm is not taking discounts, but is paying after 35 days instead of waiting until Day 40. What is the effective annual...", "stars": 3 }, { "url": "\/study-help\/questions\/valley-corps-stock-is-currently-selling-at-43-per-share-5734345", "description": "Valley Corp.'s stock is currently selling at $43 per share. There are 1.3 million shares outstanding. The firm is planning to raise $2.9 million to finance a new project. a. What are the ex-rights...", "stars": 3 }, { "url": "\/study-help\/employee-benefits\/6-testing-equipment-that-will-be-used-in-instruction-2126272", "description": "6. Testing equipment that will be used in instruction.", "stars": 3 }, { "url": "\/study-help\/employee-benefits\/5-create-realistic-expectations-for-the-trainees-by-communicating-what-2126265", "description": "5. Create realistic expectations for the trainees by communicating what will occur in training.", "stars": 3 }, { "url": "\/study-help\/employee-benefits\/3-provide-advance-organizersoutlines-texts-diagrams-and-graphs-that-help-2126263", "description": "3. Provide advance organizersoutlines, texts, diagrams, and graphs that help trainees organize the information that will be presented and practiced.", "stars": 3 } ], "next_back_navigation": { "previous": "\/study-help\/questions\/a-wireless-access-point-is-generally-considered-to-be-a-13051184", "next": "\/study-help\/questions\/how-do-you-calculate-the-logarithmic-complexity-log-n-13051186" }, "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-13051185" } ], "skill_details": { "skill_id": "656", "skill_name": "Databases", "parent_id": "8" } }