DEV Community

Dinesh G
Dinesh G

Posted on

Day 17 of my JAVA FULL STACK Development Learning Journey:HTML&CSS

Hey all!
Welcome to my another blog. Here is a another blog from my html & css series, about continous my fourth project of google login page. What I learn Today.

<div class ="Search-box"> To change block level element in to inline
display:inline

Font awesome
your kits
script link

search-box{
border:1px solid;
width:fit content;
display:flex;
gap:20px;

search-box input{
              width:1px solid;
              border:none;
              outline:none;
              font size:16px;
             }

Enter fullscreen mode Exit fullscreen mode

Ai mode{
padding:0.5px;
border radius:

<div class="main-layout">
            <img src="">
            <div class="search box">
                <i class="fa-solid fa-magnifying-glass"></i>
                <input type="text">
                <i class="fa-solid fa-microphone"></i>
                <i class="fa-solid fa-camera"></i>
                <div class="ai-mode">
                    <i class="fa-brands fa-searchengin"></i>
                    Ai Mode
                </div>
             </div> 
            </div>
Enter fullscreen mode Exit fullscreen mode

Git copilot GitHub Copilot is an AI-powered code completion tool developed by GitHub in collaboration with OpenAI.

And Day 2 of Communication class:
self Introduction session
In this class Interact with team member with Like a HR and candidate type in Intro with us And this is fun and best session with us

In before the class don't have any to HR round and after the class session I have a Idea to me.

Happy coding

Top comments (0)