know the classes well double click the specific property and there we go you can see that we have our border radius background and also some width and height properties so let's try simply copying that and see if we're going to get any good results i'll paste it here and simply save this code and let's see inside of our application this doesn't look that bad but it's not perfect so sometimes you'll have to take the original design and then modify it to fit your needs in this case we don't want to have the settings tone width and height rather we can handle that with padding so we can say padding NUMBER_TOKEN rem and then one ram on left and right if we save that we're gonna notice it looks just a bit different we're also going to add the color set to fff to be white there we go we already have the background right here we also want to change the font family and we already know how to do that we can simply use this var right here great it's already getting its shape then we can set the font dash weight to be equal to NUMBER_TOKEN. there we go but i'm wondering are these styles actually right here but we missed them and they are you can see you can get these styles for the button itself but then you can go inside and get the styles for this specific property so we can basically copy this and i'm going to paste that right here you can notice we already set the font family so we can delete that font weight we've set font style normal is done by default then we're gonna have the font size and the line height we don't need the left and top in this case the color is already set and the border radius is right here let's go ahead and check it out our button is already looking much better let's go ahead and also set the border to be set to none because you can notice we have this little border here and also the outline to be set to none let's see if this fixes it it does it's already looking so much better we're going to also set the cursor to pointer like this and that's going to be it it doesn't look exactly the same as it does here but if you want it to look the same we can simply modify this padding right here let's make that one and let's make this two there we go but you can see that messes up with our design so we can decide to add some personal touch to this design and make it look like this so so far what you could have learned is that implementing something from the design is copying most of the properties and then modifying it to make it more responsive and to fit your specific needs great what else do we have to do with our navigation bar well of course we have to implement the mobile version unfortunately for the design we only have the web version but don't worry about that we can implement the mobile responsiveness ourselves to add a mobile menu we can go just below this div for the sign in and the sign up and we're going to create one more div with a class name equal to gptNUMBER_TOKEN underscore underscore navbar dash menu inside of there we want to use some dynamic state so let's import use state use state that's going to be from react right here we can use that use state hook by saying const right here we can say cons toggle menu and set toggle menu so the first thing is the variable that's going to let us know are we currently showing the
NO_SEGMENT_TOKEN