Posts

css challenges

  1. “Create a mobile-friendly navigation bar using Flexbox.” Hint: Use display: flex, justify-content: space-between, and padding. Output:                view output 2. “Style a card layout for a product or news article.” Hint: Use box-shadow, border-radius, and hover effects. Output:          view output 3. “Add a dark mode toggle style to a webpage.” Hint: Use a  lass like .dark-mode and change background and text colors. Ouput:            view output 4. “Build a responsive image gallery with 2 columns on mobile and 4 on desktop.” • Hint: Use CSS Grid and media queries.   Output:                                            view output 5. “Style a call-to-action button that grows when hovered.” •       Hint: ...

html task

1. Create Your first Web Page - Add a tittle s , heading, paragraph, and line break. <html>         <head>             <title>My first web page</title>         </head>         <body>             <h1>Hii</h1>             <p>This is my first web page<br>I am learning HTML. </p>             </body>         </html> Output:               view output 2. Simple Biography Page – Add your name, a short intro, and a horizontal line. <html>     <head>         <title>My Biograpy</title>   </head>     <body>         <h1>Devika R</h1>     <P>I am Devika . I...