I'm trying to import "Google font" but its not responding, what am I getting wrong

HTML-CSS
#1

Tell us what’s happening:

html{
  font-size: 10px;}
   body{
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet" type="text/css">
   font-family: Roboto;

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; ULTRA Build/OPM2.171019.012) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.126 Mobile Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

#3

You’re mixing up HTML and CSS, you’ve put an HTML tag into CSS which isn’t valid, they’re completely different languages. You can write CSS inside a <style> tag in HTML. But the line I’ve quoted is HTML, it goes in the HTML

#4

You’re right I’ve been mixing html with CSS. The style element works. Thank you .
Can you show me how I can center an image?

#5

Vertically or horizontally? Or both? In what context (ie what does the HTML look like, what does the CSS look like, what exactly are you trying to achieve, style-wise)?

#6

I’d like to center an image horizontally, so the image is pushed forward as if it’s levitating. I know its confusing but I can’t explain it…

#7

You need to try I’m afraid, do you have an example from somewhere that describes visually what you mean? Centring things horizontally is trivial (text-align: center will do it), but it might not work for what you want to do, there are multiple ways to do it that may be more appropriate

#8

I think the term I’m looking for is hover, I’d like for a picture to be centered and to have the hover effect.

#9

Does the hover have anything to do with the centring though?

#10

Not really, I think the hover effect works on its own. Can you help me

#11

Hi, I finally found it. I used
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;

However I couldn’t get the hover effect, its okay.
I appreciate the help.

#12