Change Arizona State University to your favorite team name 2. Replace the ASU Trident image with...
Fantastic news! We've Found the answer you've been seeking!
Question:
Transcribed Image Text:
Change "Arizona State University" to your favorite team name 2. Replace the ASU Trident image with your team's logo. I recommend using something with a natural size around 150px x 150px. 3. Alternate the div colors to match your team colors 4. Change the fonts colors appropriately 5. You can leave the "menu" and "Lorem ipsum..." alone 6. Change Firstname and Lastname in the footer to reflect your name. 7. Viewport defined meta tag 8. Correct box model 9. All units are relative, no absolute units 10. No matter how small or big there will be no scrollbars RWD Homework: Responsive Team Webpage Your task is to make a webpage for your favorite team that is completely responsive. It follows all of the rules for a responsive page including: 1. Viewport defined meta tag 2. Correct box model 3. All units are relative, no absolute units 4. No matter how small or big there will be no scrollbars Start with the HTML/CSS template given to you. Make a webpage with the following model Arizona State University Menu Menu Menu Menu Menu Menu My Favorate Team Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, saepe, harum. Architecto quisquam asperiores corporis fugiat, repellendus sunt, maiores deserunt esse sed atque maxime alias totam est iste molestias quaerat? Illo consequuntur possimus laudantium magni ipsum odit cupiditate nisi similique tempore necessitatibus officia quaerat provident, voluptatibus accusamus tenetur. Illo laudantium, magni maiores assumenda distinctio ratione est voluptates veritatis suscipit. Sit. ©Firstname Lastname Hints: You have seen demonstrations of column widths with a grid, and block heights with vh/vw units. I would create the grid first, then set the heights. You have to set the height of each div inside of the row. Make use of classes to make it easier. Font sizes could be managed with classes as well. For the image, it is tricky to get images to scale and center perfectly. Put the <img> inside a div, <div class="imageDiv"> <img src="..."></div> and style the imageDiv as shown below. Heading: 9 columns wide 30 vh tall Font-size: 8vh Image tag and styling .image Div {display: flex; } Menu: Font-size: 3vh img { margin: auto auto; Main: max-width: 24vw; 10 columns wide max-height: 20vh; 60 vh tall Heading Font-size: 5vh Text font-size: 3vh } Footer: 12 columns wide 10 vh tall Font-size: 3vh LOS ANGELES LAKERS Change "Arizona State University" to your favorite team name 2. Replace the ASU Trident image with your team's logo. I recommend using something with a natural size around 150px x 150px. 3. Alternate the div colors to match your team colors 4. Change the fonts colors appropriately 5. You can leave the "menu" and "Lorem ipsum..." alone 6. Change Firstname and Lastname in the footer to reflect your name. 7. Viewport defined meta tag 8. Correct box model 9. All units are relative, no absolute units 10. No matter how small or big there will be no scrollbars RWD Homework: Responsive Team Webpage Your task is to make a webpage for your favorite team that is completely responsive. It follows all of the rules for a responsive page including: 1. Viewport defined meta tag 2. Correct box model 3. All units are relative, no absolute units 4. No matter how small or big there will be no scrollbars Start with the HTML/CSS template given to you. Make a webpage with the following model Arizona State University Menu Menu Menu Menu Menu Menu My Favorate Team Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, saepe, harum. Architecto quisquam asperiores corporis fugiat, repellendus sunt, maiores deserunt esse sed atque maxime alias totam est iste molestias quaerat? Illo consequuntur possimus laudantium magni ipsum odit cupiditate nisi similique tempore necessitatibus officia quaerat provident, voluptatibus accusamus tenetur. Illo laudantium, magni maiores assumenda distinctio ratione est voluptates veritatis suscipit. Sit. ©Firstname Lastname Hints: You have seen demonstrations of column widths with a grid, and block heights with vh/vw units. I would create the grid first, then set the heights. You have to set the height of each div inside of the row. Make use of classes to make it easier. Font sizes could be managed with classes as well. For the image, it is tricky to get images to scale and center perfectly. Put the <img> inside a div, <div class="imageDiv"> <img src="..."></div> and style the imageDiv as shown below. Heading: 9 columns wide 30 vh tall Font-size: 8vh Image tag and styling .image Div {display: flex; } Menu: Font-size: 3vh img { margin: auto auto; Main: max-width: 24vw; 10 columns wide max-height: 20vh; 60 vh tall Heading Font-size: 5vh Text font-size: 3vh } Footer: 12 columns wide 10 vh tall Font-size: 3vh LOS ANGELES LAKERS
Expert Answer:
Related Book For
Precalculus Concepts Through Functions A Unit Circle Approach To Trigonometry
ISBN: 9780137945139
5th Edition
Authors: Michael Sullivan
Posted Date:
Students also viewed these programming questions
-
Let A, B be sets. Define: (a) the Cartesian product (A B) (b) the set of relations R between A and B (c) the identity relation A on the set A [3 marks] Suppose S, T are relations between A and B, and...
-
The Kelly Services, Inc., and Subsidiaries statements of earnings from its 2008 annual report are presented in Exhibit 5-4. Required a. Using the statements of earnings, prepare a vertical...
-
Name and describe the two key components of a balance of trade.
-
Consider an n-sided regular polygon inscribed in a circle of radius r. Join the vertices of the polygon to the center of the circle, forming n congruent triangles (see figure).(a) Determine the...
-
Management is considering three alternatives to satisfy an urgent need. Each of the alternatives will completely satisfy the need, so no combinations have to be considered. The first costs, operating...
-
Wishaw, Inc. produces and sells outdoor equipment. On July 1, 2014, Wishaw, Inc. issued $150,000,000 of 20-year, 12% bonds at a market (effective) interest rate of 9%, receiving cash of $191,403,720....
-
Who is Tesla's auditor? Did Tesla's receive a "clean" (unmodified) audit opinion? How many critical audit matters were discussed in Tesla's audit report?
-
Best Buy Co., Inc. is a leading provider of technology products. Customers can shop at more than 1,700 stores or online. The company is also known for its Geek Squad for technology services. Suppose...
-
The following information is for the year 2018 for Miller Company and Grand Company, which are in the same industry: Miller Grand Current assets (ending) $40,800 $150,000 Long-term assets (ending)...
-
(a) A project undertaking by BP Sdn. Bhd. has base-case earnings before interest and taxes of RM29,500, fixed costs of RM35,600, a selling price of RM26 a unit, and a sales quantity of 19,500 units....
-
In 1981, the Australian humpback whale population was 350 and has increases at a rate of about 14% each year since then. Write a function to model population growth. What was the population in 2001?
-
1. why is conflict resolution important in Human resources and human relations ? 2. Why are both assertiveness skills and negotation skills important to conflict situations that might arise in the...
-
Use linearization to approximate 26 as a as a fully reduced fraction.
-
The President's proposals would reduce federal budget deficits, mainly by raising tax revenues. That deficit reduction would reduce output in the short term, but boost it in the long term. The...
-
How would I solve for n and m (without a calculator)? Please explain. 5" = 3( mod 97) 5m = 7( mod 97)
-
Discuss the information available from the following techniques in the analysis of inorganic pigments used in antique oil paintings: (i) Powder X-ray diffraction, (ii) Infrared and Raman...
-
In Problems 37 54, perform the indicated operation and simplify the result. Leave your answer in factored form. 3x x - 4 + 2x x + 3
-
In Problems 95106, f () = sin and g() = cos. Find the exact value of each function below if = 60. Do not use a calculator. g(0)
-
In Problems 12 and 13, for each function f: (a) Find the domain of f. (b) Graph f. (c) From the graph of f, find the range and any asymptotes. (d) Find f 1 , the inverse of f. (e) Find the domain and...
-
Perform the indicated operations, if defined, for the following vectors and matrices. \(\mathbf{A}\left(\mathbf{B A}+\mathbf{v} \mathbf{w}^{T} ight)\) -2 1 -3 1 1 A = 1 -3 2 1 32 B = V= W = 0 0 4 5
-
Perform the indicated operations, if defined, for the following vectors and matrices. \(\mathbf{A w}-\mathbf{B}^{T} \mathbf{v}\) -2 1 -3 1 1 A = 1 -3 2 1 32 B = V= W = 0 0 4 5
-
Perform the indicated operations, if defined, for the following vectors and matrices. \(\left(\mathbf{A}^{2}+\mathbf{B}^{T} \mathbf{B} ight) \mathbf{W}\) -2 1 -3 1 1 A = 1 -3 2 1 32 B = V= W = 0 0 4 5
Study smarter with the SolutionInn App