2 links placed side by side

OBXKH · Feb 15, 2021

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

sunfighter · Feb 15, 2021

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.

OBXKH · Feb 15, 2021

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

OBXKH · Feb 16, 2021

BINGO!!

works as desired!

your code is a massive help!

i sincerely thank you!

do i owe you a $0.25 now?

sunfighter · Feb 16, 2021

No. That thank you was enough to bring a smile to my face,

Go in peace brother.

Different font sizes inside same div	2	Dec 3, 2023
Having difficulty with the layout of these images / video for this web page	2	Jul 5, 2022
Help with my responsive home page	2	Dec 14, 2022
Need assistance finetuning HTML, CSS, Javascript - sticky header issue	3	Feb 25, 2022
Help with code	0	Jun 12, 2022
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
SendGrid email issue in responsive Gmail	1	Nov 4, 2021
Only one table shows up with the information	2	Mar 29, 2023

2 links placed side by side

OBXKH

sunfighter

OBXKH

OBXKH

sunfighter

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads