punkfairie/odin-css-exercises
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

div replaced with button element

Browse source
This commit is contained in:
Badiuzzaman 2023-05-02 22:07:00 +06:00
parent e7c367d6d6
commit 05dfb0c45d
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
flex/05-flex-modal/index.html
View file

@ -11,7 +11,7 @@
<div class="modal"> <div class="modal">
<div class="icon">!</div> <div class="icon">!</div>
<div class="header">Are you sure you want to do that?</div> <div class="header">Are you sure you want to do that?</div>
<div class="close-button">✖</div> <button class="close-button">✖</button>
<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur excepturi id soluta, numquam minima rerum doloremque eveniet aspernatur beatae commodi. Cupiditate recusandae ad repellendus quidem consectetur sequi amet aspernatur cumque!</div> <div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur excepturi id soluta, numquam minima rerum doloremque eveniet aspernatur beatae commodi. Cupiditate recusandae ad repellendus quidem consectetur sequi amet aspernatur cumque!</div>
<button class="continue">Continue</button> <button class="continue">Continue</button>
<button class="cancel">Cancel</button> <button class="cancel">Cancel</button>

2
flex/05-flex-modal/solution/solution.html
View file

@ -12,7 +12,7 @@
<div class="icon">!</div> <div class="icon">!</div>
<div class="container"> <div class="container">
<div class="header">Are you sure you want to do that? <div class="header">Are you sure you want to do that?
<div class="close-button">✖</div> <button class="close-button">✖</button>
</div> </div>
<div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur excepturi id soluta, numquam minima rerum doloremque eveniet aspernatur beatae commodi. Cupiditate recusandae ad repellendus quidem consectetur sequi amet aspernatur cumque!</div> <div class="text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur excepturi id soluta, numquam minima rerum doloremque eveniet aspernatur beatae commodi. Cupiditate recusandae ad repellendus quidem consectetur sequi amet aspernatur cumque!</div>
<button class="continue">Continue</button> <button class="continue">Continue</button>