Skip to content
OverviewSolutions
7
Comments
11

AmIKamil

@AmIKamil120 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Submitted about 16 hours ago

    Responsive landing page with GRID

    • HTML
    • CSS
    1

    Well, I have a problem with setting height and width correctly, just don't understand when use 100% or 100vh/vw On this project all looks good but truly, I really need some help on these to avoid stupid mistakes in my future projects

  • Submitted 8 days ago

    Responsive landing pages using css grid/ flexbox

    • HTML
    • CSS
    1

    Definitelly need support with bigger screens responsivity, have no clue how should I write my code to make it fits automatically to the screen size Please take an overall look on my job and check site with various screen sizes to confirm that it behaves correctly

  • Submitted 24 days ago

    Responsive landing page using mainly css grid

    • HTML
    • CSS
    2

    How to improve responsivity of my web? I am not sure if I am moving correct way as I am learning on my own and on my mistakes, resolving any obstacle with googling for resolution only, however I am trying to understand things. Not really sure if px are a enemy of responive web design or how I should create @media in a correct way, also, how many of them should i create? Seen that some webs have few @media for different resolutions, is there an one way to find out what should be included within those media blocks of code? Please take a look on my code and let me know how it looks to you

    One more thing- picture on html side, how to handle and use it in a correct way?

  • Submitted about 1 month ago

    responsive page using flex

    • HTML
    • CSS
    1

    I wish my css to be more readable and user friendly, advices? I am trying to use classes, but i think that it still looks like a mess Could you chech and advise about font? Weights, size and all this stuff, I am not sure if that's it but for mee looks acceptable Please share with me any concerns, treat my code like you would have to work with it in future Thanks in advance!

  • Submitted about 1 month ago

    Responsive webpage usung flex

    • HTML
    • CSS
    1

    well, tried to use:

    cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="48" viewBox="0 0 24 24"><path fill="%23000000" stroke="%23FFFFFF" stroke-width="0.75" stroke-linejoin="round" d="M10 11V8.99c0-.88.59-1.64 1.44-1.86h.05A1.99 1.99 0 0 1 14 9.05V12v-2c0-.88.6-1.65 1.46-1.87h.05A1.98 1.98 0 0 1 18 10.06V13v-1.94a2 2 0 0 1 1.51-1.94h0A2 2 0 0 1 22 11.06V14c0 .6-.08 1.27-.21 1.97a7.96 7.96 0 0 1-7.55 6.48 54.98 54.98 0 0 1-4.48 0 7.96 7.96 0 0 1-7.55-6.48C2.08 15.27 2 14.59 2 14v-1.49c0-1.11.9-2.01 2.01-2.01h0a2 2 0 0 1 2.01 2.03l-.01.97v-10c0-1.1.9-2 2-2h0a2 2 0 0 1 2 2V11Z"></path></svg>');

    from https://www.svgbackgrounds.com/elements/custom-css-cursors/

    but it doesn't work.I am sure that it was placed on correct place in css but my cursor doesn't changed

    Please let me know what you think in overall, what should be correctted and on which aspects should I focus in future Any tips are gladly welcomed :)

  • Submitted about 2 months ago

    Flexbox, adding fonts directly form file

    • HTML
    • CSS
    2

    Well, please check and advise if I have correctly positioned all items. Additionally, could you advise regarding responsive design? Best wishes from Poland! :)

View more solutions

Latest comments

  • Arthur•100
    @arthur-scheveySubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    This was definitely tougher for me, I'm happy that I caught the difference between 100vh and 100% since these past couple projects got me so used to having 1 page, no scrolling projects.

    What challenges did you encounter, and how did you overcome them?

    The main challenge was trying to think of the best way to handle different screen sizes. Should I have a mobile layout and a desktop layout? Should I do an intermediate layout with two grid columns (which is what I did)? Is there better way.

    What specific areas of your project would you like help with?

    1. I'm not sure how to make the cards look consistent spacing-wise like in the reference because they have different amount of content. If one card has a smaller title then the paragraphs won't be perfectly in line. My assumption is that I should assign a width to the headers and paragraphs but that seems sketchy. Any advice would be nice.

    2. Any advice on improving how I chose to handle the responsive layout would be appreciated as my abilities are very narrow and won't be able to know if there's an obviously better way.

    Responsive card layout using grid

    1
    AmIKamil•120
    @AmIKamilPosted about 16 hours ago

    Hi, your page looks good, especially on smaller screens. see that you've missed quotation mark on purple card, you should add it Regarding spacing and other text stuff, you can check my site and code as I have recently uploaded finished project, maybe you can learn something. Unfortunately cannot comment your code as I am totally lost on all these files, I am only in html and css

    0
  • P
    Andrew A Lee•150
    @drewleeSubmitted 3 days ago
    What are you most proud of, and what would you do differently next time?

    This was my first project leveraging CSS Grid for a responsive layout.

    What challenges did you encounter, and how did you overcome them?

    Mostly just learning CSS Grid concepts and how to effectively use them.

    What specific areas of your project would you like help with?

    Ensuring HTML and CSS markup adheres to modern best practices and coding conventions.

    Testimonials Grid Section

    3
    AmIKamil•120
    @AmIKamilPosted 3 days ago

    All looks nice and clear, as Andrey mentioned, there is a lot of empty space on the sides of the content on resolutions around 760px I am impressed that your fonts looks very similar, currently I am working on same project and fonts are nightmare for me

    0
  • Abigirl Muchineripi•130
    @AbigirlMuchineripiSubmitted 7 days ago
    What specific areas of your project would you like help with?

    The project seems zoomed at 100% screen scale. The margin is only seen if the scaled is reduced.

    Four Card Component

    1
    AmIKamil•120
    @AmIKamilPosted 7 days ago

    page looks great, but it getting cut on medium screens, like f.ex on tablets also cant see any margin on small screens definitely will update my code basing on your solution!

    0
  • AmIKamil•120
    @AmIKamilPosted 8 days ago

    page looks good, however first paragraph crashes a bit on smaller screens I can't give you any better advice as I am a newbie

    0
  • Ahmet Turkoglu•30
    @koygocuren881Submitted 19 days ago
    What specific areas of your project would you like help with?

    I appreciate any feedback!

    Social Links

    1
    AmIKamil•120
    @AmIKamilPosted 19 days ago

    Hi, final effect looks good but you should use semantic html, nicely used transition You should work on responsivity a bit, but you'll deal with it on future projects https://responsivedesignchecker.com/ is a cool page to check your web

    Marked as helpful
    1
  • AmIKamil•120
    @AmIKamilSubmitted 24 days ago
    What are you most proud of, and what would you do differently next time?

    I hope that html and css are quite clear and readable I am not fully proud of responsivity on extra small devices, like 320x480 as it cuts my card a bit, have no idea how to fix it It took some time to catch-up on some things as I am still learning css In my opinion card looks really cool, hope that all design was reflected on most of details as I had mostly depend on my eye

    What challenges did you encounter, and how did you overcome them?

    Uff You can check commit history haha I've messed html a bit so after a while I comprehend how important is to have a nice and clean html until we move to css Then when html was fixed css had to be written mostly from the scratch Responsive design is still bit difficult for me, trying to avoid px and use rem/vw/vh instead of it to give as much responsivity as possible but as I am learning on my own, I am not sure if all what I create is made correct way, but hey- mostly- especially on deskop sizes it working

    What specific areas of your project would you like help with?

    How to improve responsivity of my web? I am not sure if I am moving correct way as I am learning on my own and on my mistakes, resolving any obstacle with googling for resolution only, however I am trying to understand things. Not really sure if px are a enemy of responive web design or how I should create @media in a correct way, also, how many of them should i create? Seen that some webs have few @media for different resolutions, is there an one way to find out what should be included within those media blocks of code? Please take a look on my code and let me know how it looks to you

    One more thing- picture on html side, how to handle and use it in a correct way?

    Responsive landing page using mainly css grid

    2
    AmIKamil•120
    @AmIKamilPosted 24 days ago

    Could you expand on your description a bit? I've used some semantics, hope that details of my design looks right Your advise is too general :(

    0
View more comments