Question: Mobile Hypertext and Hyperlink Styles Sofia has placed hypertext links for the gallerys phone number and e-mail address in a paragraph with the ID #links.

Mobile Hypertext and Hyperlink Styles

Sofia has placed hypertext links for the gallerys phone number and e-mail address in a paragraph with the ID #links. For mobile users, she wants these two hypertext links spaced evenly within the paragraph that is displayed below the top navigation list. To format these links, create a style rule that displays the links paragraph as a flexbox row with no wrapping, then add a style that sets the value of the justify-content property of the paragraph to space-around.

She wants the telephone and e-mail links to be prominently displayed on mobile devices. For each a element within the links paragraph, apply the following style rule that:

  • displays the link text in white on the background color rgb(220, 27, 27),
  • sets the border radius around each hypertext to 20 pixels with 10 pixels of padding, and
  • removes any underlining from the hypertext links.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!