Html Question posted in
Some basic documentation can be found here.

Html – How can I create this border navigation in an website?

I was wondering how this border navigation can be created using html & css. Do I need to use anything else like javascript to develop this? Example Homepage Hero Section

I tried to create it with four divs, but cannot place them properly.

Tags:

2

Answers


  1. 0

    Best option is to use flexbox or grid. but you can make two div containers for both vertical containers. then you can make 3 horizontal sections/div and give each container same border. fix height for top and bottom containers using rem/em and adjust according to images.

    Login or Signup to reply.
  2. 0

    The best thing will be for you to first make the full structure without a border then give the border according to the div
    example: header text has 4 side borders so give that then the left side part has only the left bottom border and the left side order of it. So give 4 side borders separately according to the div.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search