cyber nexus in group 1

 






 

 


  Review Request #33
  —
  Created April 19, 2024 and updated 

 


















 

  

   Information

  





 
 

  thakvika
 









 
 

  feature/test1-Thakvika
 









 
 

  I, and, do, gradient, hover, image, in, stuck, the
 









 
 

  
 






 




 

  

   Reviewers

  





 
 

  
 









 
 

  Dararaksmey, Haksreylin220105
 






 








 





  


 
 

  
I do hover

 








  


 
 

  
1: HTML

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Group1</title>

    <link rel="stylesheet" href="../src/css/test/o_test1-vika.css">

</head>

<body>

    <div class="container">

        <img src="https://occ-0-64-58.1.nflxso.net/dnm/api/v6/6AYY37jfdO6hpXcMjf9Yu5cnmO0/AAAABccducOFW4mcVGDxH5SLzLekOwmgaHfaqvekXucEoU6r6AH4Kj0XtbVgxqQcmqiHvqkhWPiHPP44P4N2WOOVmQhjWGvUFdQcl8aI.webp?r=853" alt="QUEEN'S GAMBIT">


        <div class="image">
            <img src="https://occ-0-64-58.1.nflxso.net/dnm/api/v6/Qs00mKCpRvrkl3HZAN5KwEL1kpE/AAAABS8F-xx_ESXSGGcwrJT347-8uYi3yB-ozx25IDGkRLUUUdO371S6veebphWRs02qtYL8wssVG0ac4qvF2AcyxKWN4-Go6uX7mn0.webp?r=632" alt="The Amazing spider-man1">
            <img src="https://occ-0-64-58.1.nflxso.net/dnm/api/v6/Qs00mKCpRvrkl3HZAN5KwEL1kpE/AAAABXQtFEx669BeEo4OAEjKCRneq2dQr_X5LX2iX_FFBEX9gMKWHG6Z4oLMl6s7IulxfnIz2caHd9cBiYW0aK6x3uMRhmDuAOWASgM.webp?r=bf5" alt="The Amazing spider-man2">
            <img src="https://occ-0-64-58.1.nflxso.net/dnm/api/v6/Qs00mKCpRvrkl3HZAN5KwEL1kpE/AAAABSdPzKuzEuasFwWjOgiVeYoXP7IFSW1_sZLYNp8j9m788ZcJwysqZJ2dmyKXxUzJsoVFzQtph28H_XptkqXElATz2BMhY9R6VZYpCCXWHMHklvGCsTLTqE7QwVmNnR8mWm8W.jpg?r=ccc" alt="King the Land">
            <img src="https://occ-0-64-58.1.nflxso.net/dnm/api/v6/Qs00mKCpRvrkl3HZAN5KwEL1kpE/AAAABSqyWtW8eelGbrToC814-NBQPuYfij6Fkm4j4zh613N_HTJMeSVYXp9i3r7C-oog3Ixe04CLcBQblBG4zR158S7zK_T8mvUZ2-M.webp?r=d51" alt="True Beauty">
            <img src="https://occ-0-64-58.1.nflxso.net/dnm/api/v6/Qs00mKCpRvrkl3HZAN5KwEL1kpE/AAAABbt-khssuxXLcZfdyZJyzLLY_JD8AP3zFOdlpMNAXlfc2eI81glS7n_cQq-QWagdLhj3j_BVAOLzEdyQwNLj2a6ShNrYk2B_F2QuiJhYTFvByymeLm-afu6zJ2L2_pvpS6l3PuUaEZhkynNJchHjPHn0H4sjIgBtAJIoYUnVBGQS-hToXQCkAaIDuKr5A7bjs4a8I0tg5ZkvqoLlYgGMWYauLicXbBIrAD75mAgGqR7j_TrfcpAcREb6WJ-D0mqoMJ0DhnyDq7IHxfipGhTEoO9m_w.webp?r=945" alt="Kong Fu Panda 3">
       </div>
</div>



</body>

</html>




2: CSS

@tailwind base;

@tailwind components;

@tailwind utilities;


.container {

    width: auto;

    height: 584px;

}

.image {

    display: grid;

    grid-template-columns: 213px 213px 213px 213px 213px;

    grid-template-rows: 120px;

    gap: 4px;

    margin-left: 40px;

}

 







 









 





  








 









 






  

 








     

    

   

  

  

   
   Loading...