I did it using html and css

@Al-Shimaa-jamal congratulations on completing your first project. You have done a nice design. Just a few remarks: You don't need too many <divs> to create this design. You could use width:90vw property in the .main rule. Also set max-width:calc(375px * 0.9) this will fix the width to the highest dimension although the viewport width is expanded. Also don't use the height property in .main rule. You don't need this. Use rem/em units for padding and font-size. You don't need media queries for this project. Also try to rethink of your styling. You don't need transforms or positions to do this. Also check for the background-color.

Happy coding.