Nice work. compare your code to mine and try to use it as a framework to make your work as close as possible to the actual design.
@AnasGrzor
Posted
@mohammed-sarhad-ahmed on my screen it was centered but after posting here I guess its not centered
@AnasGrzor you have use margin-left:750px for centering,this is not a good practice,this might work for your screen but for many people it wont work. use margin-left:auto and margin-right:auto or use margin: {your top and bottom margin} auto.
edit: i used the dev tools to edit your code, just by using margin-left:auto and margin-right:auto it fixed the problem with centring.with the added benefit that you do not have do use breakpoints to change the margins.