Skip to content

Game play Web page with tailwind#3

Open
SaadOcloud wants to merge 5 commits intomainfrom
game_play_tailwind
Open

Game play Web page with tailwind#3
SaadOcloud wants to merge 5 commits intomainfrom
game_play_tailwind

Conversation

@SaadOcloud
Copy link
Owner

No description provided.

<body class="flex flex-col m-auto bg-no-repeat bg-cover bg-fixed bg-[url('/img/AdobeStock_239258811.svg')]">
<div class="navbar flex justify-between items-center my-2 mx-5 flex-row py-2 px-4 ">

<div class="logos items-center ml-[18%] xl:ml-[10%] l:ml-[0px]">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

l:ml-[0px] is not correct you can use lg:ml-0

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sir actually l is defined by myself in the tailwind.config.js that has the functionality of Media Query

<title>How to play</title>
</head>
<body class="flex flex-col m-auto bg-no-repeat bg-cover bg-fixed bg-[url('/img/AdobeStock_239258811.svg')]">
<div class="navbar flex justify-between items-center my-2 mx-5 flex-row py-2 px-4 ">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why do we have the extra space at the end?


<div class="logos items-center ml-[18%] xl:ml-[10%] l:ml-[0px]">
<img class="Experios_logo mr-[26px] h-[30px] items-center inline-block m:self-center m:ml-0" src="img/logo1.svg" alt="Logo">
<img class="VirtualEscape_logo h-[34px] mt-1.5 inline-block m:self-center m:ml-0" src="img/logo2.svg" alt="Logo">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what does m:self-center do ?

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

m is a size of template and I used it for media query and it's defined in tailwind.config.js

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants