I'm trying to use font-size on my <i> but to no avail. I opened the developer tool and I even change the size there, but when I try to apply through CSS it does not work. It's like my CSS is not "linked" properly.
<head>
<meta charset="UTF-8"/>
<title>RESTFUL BLOG</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css"/>
<link rel="stylesheet" type="text/css" href="stylesheets/app.css">
</head>
I've been looking at files for so long that I might have let something happen. My HTML:
<div class="ui fixed inverted menu">
<div class="ui container">
<div class="header item"><i class="code icon"></i>Blog APP</div>
<a href="/" class="item">Home</a>
<a href="/blogs/new" class="item">New Post</a>
</div>
</div>
And below what I'm doing with CSS:
i .code{
font-size: 2em;
}
To complement, I'm inside NODE.js, using Express. I created a PUBLIC folder and within the latter I created the stylesheets folder.
Could anyone help me with this?