asked on

How to apply a css flexbox template my website.

I would like to find a tech who can do a remote login and walk me through applying css flexbox code into my web project. I have the website html. I do not understand how to apply the wholy grail template to my site and I would like the tech to show me how its done. I have the wholy grail template but i do not understand how to apply it to my code.

my website:

<html>

  <head>
    <title>TechnicalCafe - Home</titl
  </head>

  <body a link="black" vlink="black">

    <center><h1>TechnicalCafe.com</h1></center>

    <center><b>Home</b> |<a href="about.html">About</a> | <a href="news.html">News</a> | <a href="contact.html">Contact</a></center>
    <center><p>Welcome to TechnicalCafe.com! Please feel free to check out the web pages! Thank you for visiting!</p></center> 

  </body>

  </html>

Open in new window

Ryan Chong

have you tried referring to online tutorial for CSS Flexbox before?

such as:

CSS Flexbox
https://www.w3schools.com/css/css3_flexbox.asp

Member_2_5143670

ASKER

Yes. I tried. i learn best by doing. i just want someone to walk me through it quickly.

thanks

lenamtl

One of the easiest way is to use Bootstrap v4+
it have all that ready to use plus your template will be responsive (adapt to the width).
https://getbootstrap.com/docs/4.3/layout/grid/

To understand how flex work here is a quick tutorial
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Member_2_5143670

ASKER

Thank you but I found my own solution.

Ryan Chong

so, what's your own solution? can you share it with us?

This question needs an answer!

Become an EE member today

7 DAY FREE TRIAL

Members can start a 7-Day Free trial then enjoy unlimited access to the platform.

View membership options

Learn why we charge membership fees

We get it - no one likes a content blocker. Take one extra minute and find out why we block content.