# Fullstack developer (beta) Lab

**URL:** <https://forum.freecodecamp.org/t/fullstack-developer-beta-lab/734628>\
**Category:** freeCodeCamp Support\
**Created:** [February 12, 2025, 2:12pm UTC](https://forum.freecodecamp.org/t/fullstack-developer-beta-lab/734628 "2025-02-12T14:12:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![belgn1978](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/belgn1978/32/384755_2.png) [@belgn1978](https://forum.freecodecamp.org/u/belgn1978)\
**Post date:** [February 12, 2025, 2:12pm UTC](https://forum.freecodecamp.org/t/fullstack-developer-beta-lab/734628/1 "2025-02-12T14:12:52Z")

</div>

[Build a business card](https://www.freecodecamp.org/learn/full-stack-developer)

This is failing on adding a 1px dashed slategrey border to the hr elements.

```auto
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Business Card</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    
    <div class="business-card">
       
            <img class="profile-image" src="https://cdn.freecodecamp.org/curriculum/labs/flower.jpg" alt="Open flower">
            <p class="full-name">Matt Brambley</p>
            <p class="designation">Developer</p>
            <p class="company">MBWebDev</p>
            <hr>
            <p>Not-working@email.com</p>
            <p>01234567890</p>
            <a href="www.google.com" target="_blank">Portfolio</a>
            <hr>
            <div class="social-media">
                <h2>Connect with me</h2>
            <a href="www.x.com">Twitter</a>
            <a href="www.linkedin.com">LinkedIn</a>
            <a href="www.github.com">GitHub</a>
        </div>
        </div>
        
</body>

</html>

```

```auto
body {
  background-color: rosybrown;
  font-family: Arial, sans-serif;
}
p {
  margin: 5px auto;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.business-card {
  width: 300px;
  background: rgba(126,226,226, .5);
  padding: 20px;
  margin: 100px auto;
  text-align: center;
  font-size: 16px;
}
img {
  max-width: 100%;
}
hr {
  border-top: 1px dashed slategrey;
  }

```

When i check dev tools, it has the style there and if i use a different color it has the border in place.  
I also tried adding a class to the hr but sadly this did not woek either.  
Thanks in advance.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 12, 2025, 2:13pm UTC](https://forum.freecodecamp.org/t/fullstack-developer-beta-lab/734628/2 "2025-02-12T14:13:37Z")

</div>

please share the link to the project

---

<div class="post-metadata">

**Author:** ![belgn1978](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/belgn1978/32/384755_2.png) [@belgn1978](https://forum.freecodecamp.org/u/belgn1978)\
**Post date:** [February 12, 2025, 2:17pm UTC](https://forum.freecodecamp.org/t/fullstack-developer-beta-lab/734628/3 "2025-02-12T14:17:42Z")

</div>

I turned the title into a link but it doesn’t take you to the exact project. [Here] ([https://www.freecodecamp.org/learn/full-stack-developer/lab-business-card/design-a-business-card](https://www.freecodecamp.org/learn/full-stack-developer/lab-business-card/design-a-business-card)) is the correct link.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 12, 2025, 2:30pm UTC](https://forum.freecodecamp.org/t/fullstack-developer-beta-lab/734628/4 "2025-02-12T14:30:03Z")

</div>

please use `slategray` with an `a`

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 12, 2025, 2:34pm UTC](https://forum.freecodecamp.org/t/fullstack-developer-beta-lab/734628/5 "2025-02-12T14:34:46Z")

</div>

I have created an issue to change the test to allow both versions of the color

> <https://github.com/freeCodeCamp/freeCodeCamp/issues/58738>
>
> https://github.com/freeCodeCamp/freeCodeCamp/blob/fd37603314f94ee22dc0d402e7fc67…d65bfe56c2/curriculum/challenges/english/25-front-end-development/lab-business-card/6690e10ebe2181212abc9652.md#L209-L210
> 
> the test would fail with the use of color \`slategrey\`, it needs to be changed to allow for both
> 
> the best method would be \`assert.oneOf\` (\[documentation here\](https://www.chaijs.com/api/assert/#method\_oneof))

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [August 14, 2025, 2:35am UTC](https://forum.freecodecamp.org/t/fullstack-developer-beta-lab/734628/6 "2025-08-14T02:35:18Z")

</div>

Closed on August 14, 2025, 2:35am UTC

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.