Skip to content
OverviewSolutions
8
Comments
8
Mohd Gulam Ansari
@gulamansari57181

All comments

  • Mohd Gulam Ansari•210
    @gulamansari57181Posted about 2 years ago

    You can explicitly import the fonts

    1. 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
    1
  • Mohd Gulam Ansari•210
    @gulamansari57181Posted over 2 years ago

    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 ?

    0
  • Mohit Jain•190
    @MOHITBILALASubmitted over 2 years ago

    I have encountered a lot of difficulties in this project, starting with images. First, I don't know how to change the colors of images. However, after a lot of research, I found how to do it. The second topic has to do with media queries, so I tried to create a responsive component after many hours of struggle.

    This beautiful component was created with grid and flex

    2
    Mohd Gulam Ansari•210
    @gulamansari57181Posted over 2 years ago

    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:

    1. Either limit the overall container in terms of width.i.e. ''' main{ width:80% //Yoc can play around with this } '''
    2. Or You can use background-image property as: background-position:contain;

    Hope this help. Happy Coding !!

    Marked as helpful
    0
  • stepheigbe•30
    @stepheigbeSubmitted over 2 years ago

    For some reason the images are not showing and I have tried every reason I know. Please help me out.

    Product display

    5
    Mohd Gulam Ansari•210
    @gulamansari57181Posted over 2 years ago

    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
    0
  • Mohd Gulam Ansari•210
    @gulamansari57181Posted over 2 years ago

    Hello Hasan !!!! I have gone through your live site and its amazing but I have small suggestion for you.

    1. The QR code container , please do make it corner bit round by using

    .img-container{

    border-radius:"1rem"

    }

    1. 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
    0
  • Mohd Gulam Ansari•210
    @gulamansari57181Posted over 2 years ago

    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:

    1. To make border radius on all corner of container you can use

    .container { border-radius:20px; //To apply the property on all the side }

    1. To make margin from all the side

    .container{ margin:2em: }

    Hope this will help. Happy Coding !!!!!!!!

    0
  • Mohd Gulam Ansari•210
    @gulamansari57181Posted over 2 years ago

    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
    1
  • Ryan Cruse•130
    @Cruse180795Submitted over 2 years ago

    Hi there,

    Any feedback about my project solution would be greatly appreciated.

    QR Code with Sass

    1
    Mohd Gulam Ansari•210
    @gulamansari57181Posted over 2 years ago

    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
    0