2 links placed side by side


Joined
Feb 15, 2021
Messages
3
Reaction score
0
Hello!

my first post!

head scratcher for me...

i am looking to make 2 links placed side by side, centered and able to adjust font-size, font-family etc... to style it

also the responsive media queries


i tried everything i could think of

Code:
<div class="twopdfs">
    <a href="PDF/Nearby Places of Interest.pdf">Nearby Places of Interest</a>
    <a href="PDF/Botanic Garden Travellers Calender of Events.pdf">Events & Programs</a>
</div>

kindly pass on the code and i will tweak it as needed :)
 
Ad

Advertisements

Joined
Nov 27, 2019
Messages
142
Reaction score
22
Welcome to the forums:
Code:
<style>
.twopdfs{
    //height:4em;
    display: flex;
    align-items: center;
    justify-content: center;
    //border: 1px solid red;
}
.anchors {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
}

</style>
</head>
<body>
<div class="twopdfs">
    <div class="anchors"><a href="PDF/Nearby Places of Interest.pdf">Nearby Places of Interest</a></div>
    <div class="anchors"><a href="PDF/Botanic Garden Travellers Calender of Events.pdf">Events & Programs</a></div>
</div>

If you can't code responsive media queries or change font-size as needed you shouldn't be coding, but this works down to 375x480px.
 
Joined
Feb 15, 2021
Messages
3
Reaction score
0
So sorry it came out that way! i am fully capable of changing font-sizes and have written dozens and dozens of media queries as a developer.

a lapse of thinking at my end :)
 
Joined
Feb 15, 2021
Messages
3
Reaction score
0
BINGO!!

works as desired!

your code is a massive help!

i sincerely thank you!

do i owe you a $0.25 now?
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top