Raj Patel
@rajkp10All comments
- @nourallah28Submitted almost 2 years ago@rajkp10Posted almost 2 years ago
Hello Nourallah 👋, I hope you are doing great.
I can give following suggestion :
- Add @media query to make you design responsive.
- For smaller screens add
flex-direction : column
in wrapper class in media query. - Try to use rem instead of px.
- Try to write all your css in separate file and not in html
Appart from that everything looks great. 🥳
Marked as helpful0 - @MiguellArcanjoSubmitted almost 2 years ago
I couldn't make the part 100% responsive, it had some flaws i wish someone could help me with this
@rajkp10Posted almost 2 years agoHello Migual Arcanjo 👋, I hope you are doing well.
I can give you following suggestions :
- Remove the
min-width : 460px
property from .logos class. It may cause abnormal design on smaller screens. - Try to use rem instead of px. As changing the font size in browser may cause in abnormal font size in your website.
Appart from that everything looks good. 🥳
Marked as helpful0 - Remove the
- @bbenbboySubmitted almost 2 years ago
I need help and feedback because when I worked with the project on a live server the design was accurate with the template but after deployment, it was not the same.
And also have a problem with the image using CSS background so I can change the image after resizing the media but it is not 100% accurate.
p.s. I gave up on a mobile hamburger. 😂
@rajkp10Posted almost 2 years agoHello @bbenbboy, I hope you are doing well.
I can give you following suggestions :
-Try to use rem instead of px wherever you can.
-Set
height:100vh
andwidth:100vw
of your main wrapper class.-And talking about the background image, try to use
background-size:contain
,background-repeat:no-repeat
,background-position:center
.0