Mohd Gulam Ansari
@gulamansari57181All comments
- @luigi-perone@gulamansari57181
You can explicitly import the fonts
- Either in your css file with the help of @import
2)Or inside your html file using <link> which is available on google fonts once you click on the link provided inside the styleguide.md file.
Hope this help. Happy Coding !
Marked as helpful - @yunusemrecinar@gulamansari57181
hey @correlucas how can he "you can improve it replacing the h3 with h3" , I think there is a typo in your suggestion.
Is it h1 to h3 ?
- @MOHITBILALA@gulamansari57181
Hey congratulations buddy ! I have gone through your live link. Great work ! But I have a small suggestion.
On 100% viewport the main image is spreading inappropriately, so you can try below two fixes:
- Either limit the overall container in terms of width.i.e. ''' main{ width:80% //Yoc can play around with this } '''
- Or You can use background-image property as: background-position:contain;
Hope this help. Happy Coding !!
Marked as helpful - @Ejemeare@gulamansari57181
Hey buddy. I have seen your query and you must have been so frustrated. hahahah !!!! here is a solution to your problem
Solution: in <img> tag you had written "src="\media\product.jpg" The issue is you have used backward slash "" . You should use forward slash "/" in your absolute path.
conclusion: <img id= "img" src="media/product.jpg"> see the magic.
Happy Coding !!! Do Upvote if you feel it helping.
Marked as helpful - @HassanCode985@gulamansari57181
Hello Hasan !!!! I have gone through your live site and its amazing but I have small suggestion for you.
- The QR code container , please do make it corner bit round by using
.img-container{
border-radius:"1rem"
}
- Please do take care of font-size , font-style , letter spacing because it creat a huge impact on professionally build website.
Happy Coding !!!!
Marked as helpful - @HaylzRandom@gulamansari57181
Hello Hayley !!!!!!!!!
Hope you doing well. I have gone through your project link, And found that its lacking in terms of margin and also border radius is not applied to left-side corner.
Tips:
- To make border radius on all corner of container you can use
.container { border-radius:20px; //To apply the property on all the side }
- To make margin from all the side
.container{ margin:2em: }
Hope this will help. Happy Coding !!!!!!!!
- @N1Coder@gulamansari57181
Ya also take care of the typography. Main heading in the design is rendering in three lines whereas in your design it is rendering in two line only. Tip : Make sure to use responsive font-size as per the viewport. So you can use (e.g. rem ,em) for typography. Note: use rem : for font-size and use em: for margin and padding for better control and code readability.
👋 Happy Coding !!!👋
Marked as helpful - @Cruse180795@gulamansari57181
Use the rgba () Function to Overlay Background Image With Color in CSS We can use the rgba () function to create a color overlay over an image.
Marked as helpful