Skip to content
OverviewSolutions
14
Comments
5
Stu Cowley
@frontendstu

All comments

  • Stu Cowley•190
    @frontendstuPosted about 1 year ago

    Hi there @MaximilianoDanielGarcia 👋

    Great effort on this! 🎉

    If you're wondering how to centre align the QR code component to the page give this styles a go:

    body {
   display: grid;
   place-content: centre;
   /* Any other body styles */
}

    I use these styles with any of the component challenges.

    Marked as helpful
    0
  • Almas•200
    @almasiwe11Submitted about 1 year ago

    I tried to make header dropdown using intersection observer, it works but the code for it is messy, how to make it better? Also I fixed the max-height of background-hero image is it right in this case?

    FeedBack pls!

    1
    Stu Cowley•190
    @frontendstuPosted about 1 year ago

    Hi there!

    I followed along the way that Kevin Powell's series on YouTube of "Build a responsive website" and used the method he used for the responsive menu. His code is nice and clean. You can have a look at how he did it here: https://www.youtube.com/watch?v=zPHMqqyD2kY&list=PL4-IK0AVhVjNDRHoXGort7sDWcna8cGPA&index=4&t=1532s

    0
  • Vanza Setia•27,775
    @vanzasetiaSubmitted about 2 years ago

    Hello Everyone! 👋

    I finally completed another challenge! 🎉

    In this challenge, I completed the challenge by using fluid space and fluid typography which by using clamp() functions a lot. I also used CSS logical properties.

    Any questions on the technique that I'm using are welcome! Of course, any suggestions on how I can improve are welcome! 😁

    Also, if you have finished this challenge and would like me to give feedback on it, please include a link to your solution. I would be glad to help you! 😀

    Thanks!

    Officelite Coming Soon Site | Fluid Space and Fluid Typography

    3
    Stu Cowley•190
    @frontendstuPosted over 1 year ago

    Hi there Vanza,

    I've had a look at your solution and it looks amazing! I'm wondering if you had any problems with the charts svg not displaying the fonts correctly. I made sure all fonts were converted to shapes and it is still displaying as Times New Roman not Kumbh Sans like in the design. I'm kind of pulling my hair out over this one

    1
  • jacobnighdev•10
    @jacobnighdevSubmitted over 1 year ago

    Realizing now that using React for an HTML and CSS solution was over kill. Feedback is definitely welcome. Just back into coding after a 5 year stint of not doing it.

    Primary question would be about best practices.

    What would be a cleaner way to write this? Am I missing anything?

    QR Code Challenge using HTML & CSS inside of React

    1
    Stu Cowley•190
    @frontendstuPosted over 1 year ago

    Hi there!

    Yes I am the same, have come back to it after a few years away. I'd recommend subscribing to Kevin Powell and Coder Coder on YouTube. I was able to get back into the swing of it quite quickly. Some CSS properties make for quicker development

    1
  • Olga Ber•80
    @GuglegluggSubmitted almost 2 years ago

    I didn't get the padding right because all I have is a JPG file, I'll go back to this project once I subscribe to Frontend Mentor Pro and get access to Figma files.

    Also, after submitting the solution I got a ton of accessibility-related feedback that I'll incorporate in my next attempt.

    QR Code card component positioned using flexbox

    1
    Stu Cowley•190
    @frontendstuPosted almost 2 years ago

    Unfortunatley I have found myself buying the pro membership because you can't get the exact figures of each element. Before I found myself using the screenshot tool on the Mac to get the numbers, but even then I couldn't get them exact. The jpg's are way too fuzzy

    1