Homework Help is Here – Start Your Trial Now!
Engineering
Computer Science
RAILWAYS WHO ARE YOU? SET THE DIFFICULTY! 5X5 7X7 EASY HARD RULES START GAME

RAILWAYS WHO ARE YOU? SET THE DIFFICULTY! 5X5 7X7 EASY HARD RULES START GAME

New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter3: Designing A Page Layout: Creating A Website For A Chocolatier
Section3.2: Visual Overview: Page Layout Grids
Problem 6QC
See similar textbooks
icon
Related questions
Question
100%
Change the following code so that the "Set the difficulty" part is illustrated like in the picture (with borders and buttons where only one can be chosen , in the middle with borders) 
 
<div id="main-menu" class="w-2/3 mx-auto rounded-xl mt-10 bg-base-300 ">
<h1class="text-5xl rounded-xl text-center p-5 bg-primary text-primary-content font-bold">RAILWAYS</h1>
<inputtype="text"id="player-name"placeholder="WHO ARE YOU?"class="mt-3 p-4 w-full border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
<divclass="w-2/3 space-y-5 mx-auto my-5">
<h3>Set the Difficulty!</h3>
<labelclass="swap">
<inputtype="checkbox"/>
<divclass="swap-on">5 x 5 (Easy)</div>
<divclass="swap-off">7 x 7 (Hard)</div>
</label>
<!--
<div class="form-control">
<label class="label cursor-pointer">
<span class="label-text">5 x 5 (Easy)</span>
<input type="radio" name="radio-10" class="radio checked:bg-red-500" checked="checked" />
</label>
</div>
<div class="form-control">
<label class="label cursor-pointer">
<span class="label-text">7 x 7 (Hard)</span>
<input type="radio" name="radio-10" class="radio checked:bg-blue-500" checked="checked" />
</label>
</div>
-->
<buttonid="rules"class="btn btn-info w-full">RULES</button>
<buttonid="leaderboard"class="btn btn-secondary w-full">LEADERBOARD</button>
<buttonid="start"class="btn btn-primary w-full"disabled>START GAME</button>
</div>
</div>
RAILWAYS WHO ARE YOU? SET THE DIFFICULTY! 5X5 7X7 EASY HARD RULES START GAME
Transcribed Image Text:RAILWAYS WHO ARE YOU? SET THE DIFFICULTY! 5X5 7X7 EASY HARD RULES START GAME
Expert Solution
steps

Step by step

Solved in 2 steps

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:
9780357392676
Author:
FREUND, Steven
Publisher:
CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage
MIS
MIS
Computer Science
ISBN:
9781337681919
Author:
BIDGOLI
Publisher:
Cengage
CMPTR
CMPTR
Computer Science
ISBN:
9781337681872
Author:
PINARD
Publisher:
Cengage
EBK JAVA PROGRAMMING
EBK JAVA PROGRAMMING
Computer Science
ISBN:
9781337671385
Author:
FARRELL
Publisher:
CENGAGE LEARNING - CONSIGNMENT
SEE MORE TEXTBOOKS