Not getting css output in coffeeshop project

#1

image
image1920×1440 197 KB

image
image1920×1440 179 KB

#2

Hi @veenanankani03,

Can you please elaborate more on what issue you are exactly facing so that we can help you out.

#3

As seen in images i have sent
Css features are not getting executed while executing it in chrome
Even while typing the css code in .css file
The keywords/attributes are not getting highlighted

#4

Hi @veenanankani03,

The code seems good to go.
Try to save the .css and .html page and and reload the page in chrome.

#5

I tried sir
still not working

#6

Hi @veenanankani03,

Apologies for the delay in getting back to you

  • In your HTML code, there’s a typo in the link tag for the stylesheet. It should be <link rel="stylesheet" ...> instead of <link ref="stylesheet" ...>.
  • You’re missing a closing </div> tag for the <div class="div-logo">.
1 Like
#7

Try this code

<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GROUP AG4</title>
    <link rel="stylesheet" type="text/css" href="coffe.css">
</head>

<body>
    <div class="container">
        <header class="coffee-header">
            <div class="div-logo">
                <img src="coffee-logo.png">
                <span class="logo-text">Coffee Shop</span>
            </div>
        </header>
    </div>
</body>

</html>

Make sure that your HTML file (index.html or any other filename you’re using) is in the same directory as the CSS file (coffe.css) and the image file (coffee-logo.png), and that the paths are correctly specified.

If you’re still not getting the expected output, please provide more details about the specific issues or error messages you’re encountering, and I’ll be happy to assist further.

#8

Setting CSS can be tricky. I’m working on a tool called DivMagic (https://divmagic.com) that helps web developers copy html and css style code from pages. Perhaps it’d be helpful for you here?