#I am beginner, I created a card I am giving the reference and the card created by me and the code

8 messages · Page 1 of 1 (latest)

prime dirge
#

I am beginner, I created a card I am giving the reference and the card created by me and the code it so if anyone can check it out

narrow knollBOT
#

Thanks for your question :clap:, if someone gives you an answer it would be great if you thanked them with a :white_check_mark: in response. This response will earn you both points for special roles on this server.

* ·
prime dirge
#

I had to create this

Screenshot_2025-05-01_154043.png
#

I created this

image.png
# 

<style>
        .parent {
            border: 1px solid rgb(221, 204, 207);
            width: 280px;
            height: 450px;
            background-color: rgb(253, 253, 253);
        }

        .child1 {
            border: 1px solid rgb(221, 204, 207);
            width: 230px;
            height: 400px;
            margin-left: 20px;
            margin-top: 20px;
            border-radius: 10px;
            background-color: white;
        }

        img {
            margin-left: 15px;
            margin-top: 10px;
            border: 1px;
            border-radius: 10px;

        }

        .modify {
            margin-left: 15px;
            margin-top: 10px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: small;
            color: gray;

        }
        a{
            background-color: rgb(215, 215, 250);
            color: blue;
            border: 2px solid rgb(255, 255, 255);
            border-radius: 15px;
            margin-left: 55px;
            padding: 5px;
        }
    </style>
</head>

<body>
    <div class="parent">
        <div class="child1">
            <img src="image.png.jpg" alt="" width="200" height="200">
            <div class="modify">
                <h2 style="color: black;">Lorem, ipsum.</h2>
                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Natus, possimus.</p>
            </div>
            <div>
                <br>
                <a href="https://www.google.com">Read More</a>
            </div>
        </div>
    </div>
    </div>
</body>
nimble falcon
# prime dirge ```html <style> .parent { border: 1px solid rgb(221, 204, 2...

wrap you code in discord code blocks

```html
your code here
```

<style>
        .parent {
            border: 1px solid rgb(221, 204, 207);
            width: 280px;
            height: 450px;
            background-color: rgb(253, 253, 253);
        }

        .child1 {
            border: 1px solid rgb(221, 204, 207);
            width: 230px;
            height: 400px;
            margin-left: 20px;
            margin-top: 20px;
            border-radius: 10px;
            background-color: white;
        }

        img {
            margin-left: 15px;
            margin-top: 10px;
            border: 1px;
            border-radius: 10px;

        }

        .modify {
            margin-left: 15px;
            margin-top: 10px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: small;
            color: gray;

        }
        a{
            background-color: rgb(215, 215, 250);
            color: blue;
            border: 2px solid rgb(255, 255, 255);
            border-radius: 15px;
            margin-left: 55px;
            padding: 5px;
        }
    </style>
</head>

<body>
    <div class="parent">
        <div class="child1">
            <img src="image.png.jpg" alt="" width="200" height="200">
            <div class="modify">
                <h2 style="color: black;">Lorem, ipsum.</h2>
                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Natus, possimus.</p>
            </div>
            <div>
                <br>
                <a href="https://www.google.com">Read More</a>
            </div>
        </div>
    </div>
    </div>
</body>
nimble falcon
prime dirge
#

Flex layout ig i dont know