Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Log in with GitHub
OverviewSolutions7Comments21

All comments

  • Ali• 260

    @AleksHNZ

    Posted

    Hi @AbdulrahmanFE.

    Great creativity from you adding hover on the blocks. Tip from me: add to them also cursor: pointer. It will be much better.

    Good luck :)

    1
  • Ali• 260

    @AleksHNZ

    Posted

    Hi @ZglobiulViu.

    Your last section with Karma do not display all. Try first add container section then nest there your main section. I hope it will help you.

    Good luck :)

    0
  • Shubham Saurabh• 270

    @shubhsaur

    Submitted

    Can someone give his input why my hero image not fitting properly to my container height(please check the bottom margin left of image)

    I have tried padding and margin for container but nothing works for me.

    Responsive Stats Card Preview Component

    2

    Ali• 260

    @AleksHNZ

    Posted

    Hi @shubhsaur.

    It is look like your qr component not well centered. Try to use position: absolute with top and left 50%. Do not forget about translate: rotate too.

    Your header tag looks a little bit larger than in design.

    And last add to your <li> with 10k letters some padding left.

    Good luck :)

    0
  • Mariem Bchir• 140

    @Mabchir

    Submitted

    It would be helpful to understand

    • The reason why some added values in CSS need "!important" to actually show up.

    • How to center any element in the screen regardless of the screen/browser/device used

    Responsive QR code card using CSS and bootstrap

    #bootstrap

    5

    Ali• 260

    @AleksHNZ

    Posted

    Hi @Mabchir.

    It is look like your qr component not well centered. Try to use position: absolute with top and left 50%. Do not forget about translate: rotate too.

    Good luck :)

    0
  • stephmunez• 435

    @stephmunez

    Submitted

    Hey everyone!

    I just completed another challenge. 🤘🏽

    Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

    Happy coding!

    Interactive pricing component

    #tailwind-css

    1

    Ali• 260

    @AleksHNZ

    Posted

    Hey @stephjoseph. Great job man! Happy to see such a good work of design and accessibility!

    Keep coding :)

    1
  • Ali• 260

    @AleksHNZ

    Posted

    Hi @JohnIdenyi. Well done!

    I can suggest you to check my solution for this challenge. I hope it will be helpful.

    Keep coding!

    0
  • Dan Harris• 10

    @dh627

    Submitted

    My Github Pages tab on my repo is saying 'ready to be pushed at <url>' and seems stuck there, I am not sure how to get it live?

    I am looking for specific comments on how to structure my CSS so that it is a bit more professional and any tips on refactoring things would be great.

    Thank you

    NFT project using Flex

    1

    Ali• 260

    @AleksHNZ

    Posted

    Hey @dh627!

    First when you start new front end challenge, download the starter. Then drag your downloaded folder with challenge to your IDE(Visual Studio Code, Sublime text, WebStorm).This way you will get all data with all photos and style tips.

    Good luck!

    0
  • Ali• 260

    @AleksHNZ

    Posted

    Well done @ltc870!

    0
  • stephmunez• 435

    @stephmunez

    Submitted

    Hey everyone!

    I just completed another challenge. 🤘🏽

    Feedback is always welcome. Please let me know of any issues you may find and/or how I can improve my code :)

    Happy coding!

    Suite landing page

    #tailwind-css

    4

    Ali• 260

    @AleksHNZ

    Posted

    Great job @stephjoseph! Keep going.

    1
  • Ali• 260

    @AleksHNZ

    Posted

    Hey @YourSam07. Well done!

    Add some hover on buttons. It will make them display smoother on hover.

    Marked as helpful

    2
  • Farzeen Kistnareddy• 60

    @FarzeenKist

    Submitted

    Hello everyone. This is my solution to the Order summary Component Challenge. I have tackled the problem by creating my own CSS utility classes and then using a few component to do slight changes. My questions are basically:

    1. Is my naming convention okay? Are there any improvements I can make?
    2. Is there anything I could have done better?

    Awaiting replies and feedback, thank you for reading this and helping me out. i hope you have a good day!

    Order summary component using CSS custom utility classes

    2

    Ali• 260

    @AleksHNZ

    Posted

    Hey Farzeen! Well done.

    --My only suggestion will be to add hover on the links and buttons. This will be great improvement in terms of smoothness.

    Good luck :)

    0
  • Ali• 260

    @AleksHNZ

    Posted

    Hey @temidayo-falomo. Well done!

    --There are few suggestion from me.

    First try to use position: relative; top: 50%; left: 50% and transform(translate). It will nicely center your container horizontally and vertically.'

    Then use for your container max-width: 30%, because your component is all over the page.

    0
  • Ali• 260

    @AleksHNZ

    Posted

    Hey Nazeer. Well done!

    -My only suggestion will be to change width of logo to percentage(12%) and delete the height. It is not necessary.

    1
  • Ali• 260

    @AleksHNZ

    Posted

    Hi Mohamed. Well done!

    -My only recommendation will be to change color of icons on hover too, not only their borders.

    Marked as helpful

    0
  • Ali• 260

    @AleksHNZ

    Posted

    Hi Ahmed! Well done.

    -My only recomendation will be to use use "a" tag, not the "button" tag for the buttons. Because if you will create real sites(I hope you will), these buttons will have to redirect to another page and the tag "a" is best for it.

    Marked as helpful

    3
  • Ali• 260

    @AleksHNZ

    Posted

    Hey @AJ-Gits.

    Give to your card-footer "flex-direction: row" , not the "flex-direction: column". This will allow your footer block to line up.

    Keep working!

    Marked as helpful

    0
  • Ali• 260

    @AleksHNZ

    Posted

    Hey Fransic, well done!

    -Give some line height to your paragraph in the left box. It will look better and will look like in the main design.

    While browsing the site, I will write more. Keep working!

    Marked as helpful

    0
  • Ali• 260

    @AleksHNZ

    Posted

    Hey @AJ-Gits great job!

    -My only advice will be that in the main design the entire text has different font that yours. You can see thh name of fonts in the file style-guide.md! Also you can downoload them from the fonts.google.com!

    Keep working!

    Marked as helpful

    0
  • Ali• 260

    @AleksHNZ

    Posted

    Well done for the first job! Keep working.

    0
  • omar farid• 370

    @omarfarids

    Submitted

    It just started to be harder in Frontend mentor's challenges. an advanced layout from the previous challenges which took me more time to get the details and make it responsive in 3 screen sizes. large ,medium and mobile screen. finally I managed to make it the same from the original design as much as possible. any comment would be of help for me to learn.

    clipboard-landing-page-master

    1

    Ali• 260

    @AleksHNZ

    Posted

    Hey Omar, you did great job! -First change color of headers. If you look closely they little bit grayish. -It is not recommended to use container on the whole site, as you can in original design the width of footer on the whole page. Better create a new container for the footer and for other sections too.

    While browsing the site, I will write more. Keep working!

    Marked as helpful

    0
  • Ali• 260

    @AleksHNZ

    Posted

    Hi Khadijah. Use border bottom in third container. It will give you opportunity to design thickness of your line, color, margins and etc.

    0