Question 9Program a CSS ruleset that will set the root font size for the HTML document to match the user's browserpreference.FeedbackQuestion 2Program a CSS media query that is triggered if the screen is at least 900px wide, but use em as the size unit inthe query.Within the media query, write a rule for an element with a id equal to header. That rule should set the fontsize to three times the current size.Note: You should assume the parent element's font-size is equivalent to 16px.@media screen and (min-width: 56.25em) {.header {font-size:300%;}}

As per our guidelines we are supposed to answer only one question. Kindly repost the remaining…

Answered: Question 9 Program a CSS ruleset that…

Question 9 Program a CSS ruleset that will set the root font size for the HTML document to match the user's browser preference. Feedback

Np Ms Office 365/Excel 2016 I Ntermed

1st Edition

ISBN:9781337508841

Author:Carey

Publisher:Carey

Chapter5: Working With Excel Tables, Pivottables, And Pivotcharts

Section: Chapter Questions

Problem 15RA

See similar textbooks

Similar questions

How do you in the footer element in the html file, wrap two paragraph elements within a div element that specifies a class attribute value of copyright. Indent the two paragraph elements within the div. </main> <footer> <p>© Copyright 2021. All Rights Reserved.</p> <p> <a href="mailto:contact@wildrescues.net">contact@wildrescues.net</a></p> </footer> </div>
For the following HTML, we want the header to turn red when the button is clicked. Pick the right option to achieve that result Index.html File Content: <body> <h1 id="myId" class="myClass">Heading</h1>  </body> a.<button onclick='document.getElementById("myClass").style.color="red";'>Change</button> b.<button onclick='document.getElementById("myId").style(color:"red");'>Change</button> c.<button onclick='document.getElementsById("myId")[0].style.color="red";'>Change</button> d.<button onclick='document.getElementsByClassName("myId").Color("red");'>Change</button> e.<button onclick='document.getElementsByClassName("myClass")[0].style.color="red";'>Change</button> pls fast answer
How do I make this BMI Calculator function on this page import img from "../img/homepage/Asset 6-20.jpg" function Calculate(){ return( <sectionclassName="my-5 BMI-Calculator"> <divclassName="heading mx-auto"> <h1className="text-center mt-3">Check your BMI!</h1> <divclassName="mx-auto mb-4"/> </div> <divclassName="container"> <divclassName="row"> <divclassName="col-lg-4 col-md-5 col-sm-8 mx-auto"> <divclassName="card card-body text-center blue-card"> <div> <h2>BMI Calculator</h2> <hr/> </div> <inputclassName="form-control my-2"placeholder="Name"required/> <inputclassName="form-control my-2"placeholder="Height (cm)"required/> <inputclassName="form-control my-2"placeholder="Weight (kg)"required/> <buttonclass="btn button active mx-auto text-black">Calculate</button> </div> </div> <divclassName="col-lg-4 col-md-5 col-sm-8 mx-auto my-3">…
// 2) Define a function named getAllParagraphs that returns a// NodeList containing all paragraph nodes inside the "myPage"// section element of the HTML document. index.html is below: <!DOCTYPE html><html> <head><title>Practice Assignment 10</title><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/8.1.1/mocha.css"integrity="sha512-Ytt2foRGKdIInPXwyS3gxRvfTv4n2wi7uB7neCLH1LjExT+PKBeQu6LNVB4QpHaJqx7m2btagBs4kqxYC1QNFg=="crossorigin="anonymous" /><link rel="stylesheet" href="./css/style.css" /></head> <body><section id="myPage" style="margin: 60px"><p class="even">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum sequi obcaecati qui mollitia excepturi in nesciunt.</p><p class="odd">Eaque reprehenderit animi autem, hic veritatis consectetur excepturi ipsum cum amet vel eveniet…
Write the javascript and PHP code that follows the html code below for the creation of the page productStatus.php.productStatus.php<body>Produkt ID:<input type="text" id="idp"/><div id="status"></div></body>On change of the value of the text field "idp", display on the div id ="status" the product amount found in the storage(UnitsInStock) for the given product id. The product data is stored on the table Products(ProductID, ProductName, UnitsInStock). The credentials to access the database are: servername-localhost, username-admSys, password-admin123$.
For the HTML directly below, I would like to add the contents similar to the second HTML called results using a javasript function <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title></title> <script src="assets/js/script.js" defer></script> <link rel="stylesheet" href="assets/css/style.css" /> </head> <body> <header> <div class="site-title">Home</div> <nav> <a href="/">Home</a> <a href="results.html">Results</a> </nav> </header> function createEle(linkObj) {const { animal, img, url } = linkObj;const anchor = document.createElement("a");anchor.setAttribute("href", url);} createEle (animalArr); I am not sure how to finish this function as it needs to use the array to create all the elements including the…
Apply Boostrap to this code Source Code in HTML: <html><head><link rel="stylesheet" href="mystyle.css"></head><body><table align="center" bgcolor="skyblue"><form><tr><td colspan="2"><h1>Employee Registration Form</h1></td></tr><tr><td>Name:</td><td><input type="text" name="firstname" placeholder="firstname" size="15"/><input type="text" name="lastname" placeholder="lastname"size="15"/><br><br></td></tr><tr><td> Email Address:</td><td><input type="text" name="emailaddress" placeholder="myname@example.com" size="36"/><br><br></td></tr><tr><td> Contact Number:</td><td><input type="text" name="contact" size="36"/><br><br></td></tr><tr><td>Address:</td><td><input type="text" placeholder="Street Address"…
Create an HTML form that works for the following php file. <?php $formEmailAddress = $_POST['email']; //pull email address from the form data $formTopic = $_POST['topic']; //pull topic from the form data echo "<h1>Email $formEmailAddress </h1>"; echo "<h1>Topic $formTopic </h1>"; ?><!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>contact form response</title><style type="text/css">#container { width: 800px; border: 1px solid black; padding: 10px; margin: 10px auto; }.colorRed { color: #F00;}</style></head> <body><div id="container"> <hr><p> </p> <?php echo "<p class='colorRed'>This page was created by PHP on the server and sent back to your browser. </p>"; //It will create a table and display one set of name value…
Question: How can I put and show images to the page 1 JS-> // selecting required elementconst element = document.querySelector(".pagination ul");let totalPages = 10;let page = 2; //calling function with passing parameters and adding inside element which is ul tagelement.innerHTML = createPagination(totalPages, page);function createPagination(totalPages, page){ let liTag = ''; let active; let beforePage = page - 1; let afterPage = page + 1; if(page > 1){ //show the next button if the page value is greater than 1 liTag += <liclass=btn prevonclick=createPagination(totalPages, ${page - 1})><span><iclass=fas fa-angle-left><i>Prev<span><li>; } // how many pages or li show before the current li if (page == totalPages) { beforePage = beforePage - 2; } else if (page == totalPages - 1) { beforePage = beforePage - 1; } // how many pages or li show after the current li if (page == 1) { afterPage = afterPage + 2; } else if (page…
Edit and refine the code so that when the add button is pressed, the number in (0)cart link should increase and the number should decrease when the remove button is pressed. Existing code: product.html <!DOCTYPE html><html><head><script src="./js/cart.js"></script></head> <body> <div><div><a href="Checkout.html"><span style="float:right"><p>(<span>0</span>) Cart</p></span></a></div> <div id="product1" class="card"><img src="img/clorox.jpg"><h1>Clorox</h1><p class="price">$20.00</p><p>Household Cleaner</p><p><button id="product1Btn1" onclick="addtocart(1)">Add to Cart</button></p><p><button id="product1Btn2" onclick="removecart(1)">Remove from Cart</button></p></div> <div id="product2" class="card"><img src="img/oxiclean.jpg"><h1>Oxiclean</h1><p…
In the index.html file, in the header element, wrap the anchor element within a div element with a class attribute value of tab-desk. Below this div element (still within the header element), create a new div element with a class attribute value of mobile. Nest the following elements within this div: <h1>🐾 Wild Rescues</h1> <h3>Rescue. Rehabilitate. Release.</h3>---My index.html <html lang="en"> <head> <title>Wild Rescues: Home</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/styles.css"> </head> <body> <header> <a div class="tab-desk"> <a href="index.html"> <img src="images/baby-hawk.jpg" alt="rescued baby hawk"> </a> </header> <nav> <ul> <li><a href="index.html">Home</a></li>…
this html code runs like this <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="/css/style.css"> <title>Login</title> <script type="application/javascript"> function validate() { const data = new URLSearchParams(); data.append('name', document.getElementById("name").value); data.append("password", document.getElementById("password").value); var params = { name: document.getElementById("name").value, password: document.getElementById("password").value }; var request = new XMLHttpRequest(); request.open("POST", "/api/login"); request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");…