Question
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
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 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
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; }
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started