CSS .first-paragraph {


I’ve done everything like the video, but still have not been able to get the border line or shadowing called out in the video. The HTML and CSS pages are connected because the color of the page change from white to beige.

So, I need some help with this.

body {

background-color: beige;


.first-paragraph {

border: 2px dashed darkblue;


    #moralis-reference {

        text-shadow: 2px 2px 7px darkgray;



if possible can you post a screenshot of the code or the code itself? Thanks
(Both Css and HTML)
Maybe some typo error on the html part (like wrong ID/class selector etc…)
So, daytime i can have a look and hopefully help you…

Hi Andrea,

Thanks very much for wanting to help me with this. Is there a way to upload the code so that it is in workable for? I just copied and pasted it last time. I will get back to you shortly



1 Like

Hi Andrea,

Here are the screenshots. I haven’t gone through each video sections, but it is possible that the video instructor changed some code in between takes.

I think I might have gotten enough from it, but wanted to be sure.

Thanks again :wink:

Hi Louis,
i took a look at your screenshot but, from what i can see, i can’t get anything wrong…
Anyway, i can give you the HTML code and Css so you can check better yourself.
==== HTML + CSS (Loaded from /css directory (See… <link rel="stylesheet" href="./css/style.css">)

Hope it will be helful for You… :grinning:
Have a nice day!!

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="./css/style.css">

  <h1>Hello Moralis</h1>  
  <p class="dashed-border">Lorem, ipsum dolor sit amet consectetur 
    adipisicing elit. 
    Explicabo autem reprehenderit atque nam, quasi ex</p>
 <p class="dashed-border">Ldashed-borderorem, ipsum dolor sit amet consectetur 
    adipisicing elit. 
    Explicabo autem reprehenderit atque nam, quasi ex</p>

<p id="moralis-reference">Visit <a href="https://moralis.io/" target="_blank">Moralis.io</a> and start <strong>buil</strong>ding!</p>
  <h2>Part 1: Example</h2>
  <h3>Chapter 1: Metamask Login</h3>
  <img src="./assets/Login-Metamask.jpg" alt="metamask login">
  <h3>Chapter 2: Loading NFTs</h3>
  <h4>Section 2.2: BigBoy pants</h4>
  <h4>Chapter 2.2: Pumpkins</h4>
  <h2>Part 2: Building a DEX</h2>

  <p>This is an update</p>
  <form action="#" method ="POST">
	<input type="text" name="coinName" placeholder="Coin" required></input>
	<input type="number" min="0" name="coinQuantity" placeholder="Amount" required></input>
	<input type="password" name="password" placeholder="Password"></input>
	<button type="submit">Buy</button>



/*Class selector*/
.dashed-border{border:2px dashed darkblue;}

#moralis-reference{text-shadow: 2px 2px 2px darkgray;}

box-shadow:3px 3px 7px rgb(44, 44, 44, 0.6);
cursor: pointer;

    padding: 15px;
    border: 2px solid black;
    margin: 30px;

/* Multiple selections */

Hi Andrea,

Yeah, you are right. I don’t see anything wrong.

When I do console inspect on Google there are some errors that come up. I attached a screenshot. Maybe they will make sense to you.

Check it and please let me know what you think.