Skip to content
OverviewSolutions
7
Comments
6

joanna broad

@JoannaBroad100 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

View more solutions

Latest comments

  • Mirko Bozzetto•180
    @mirkobozzetto
    What are you most proud of, and what would you do differently next time?

    What I liked most was the process above all, the time I spent thinking about the layout in the shape of a cross, I forced myself to use tailwind and as I went along I had the impression I was learning new things and making progress.

    I might have liked to find out more easily with css grid how to do the layout, but I didn't succeed and so I fell back on flexbowx, which I master better

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

    It was mainly a question of doing the layout and being as close as possible to pixel perfect.

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

    I would have liked to know how others would have done using css grid instead of flex box.

    four-card-feature-section

    #tailwind-css
    1
    joanna broad•100
    @JoannaBroad

    i think the way that you have changed the text for "our artificial intelligence" is really interesting i was just changing the width and margins

    with the grid in tailWind, I used lg:grid-col-3 to sort the card into three cols and then pushed down the two on the edges with translate-y but I'm not sure if that is the 'best' way to go about it

  • bialasss•280
    @bialasssek
    What are you most proud of, and what would you do differently next time?
    • the pace i did the challange
    What challenges did you encounter, and how did you overcome them?
    • changing the image when changing the size from mobile to destkop (used sources with srcset and media)
    What specific areas of your project would you like help with?

    .

    Responsive Product Card using flexbox and grid

    2
    joanna broad•100
    @JoannaBroad

    it looks really good you should be proud of yourself. I love your use on variable even on smaller projects like this

  • JPrakash15•30
    @JPrakash15
    What are you most proud of, and what would you do differently next time?

    I have made this challenge in responsive so that this can be viewed in all devices

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

    completed in an 2 hour

    recipe-page-main

    1
    joanna broad•100
    @JoannaBroad

    Looks great! You should be proud of yourself. Just wanted to let you know that you might want to watch the spacing and padding as there are a few spots where it's a bit tighter than the design, particularly on the lists. Good luck with your coding in the future!

  • joelani•80
    @joelani
    What are you most proud of, and what would you do differently next time?

    i was able to use a little media query

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

    none i couldn't take care of

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

    box model and the :active(when a element is active )

    Responsive Social Links Profile - Accessible & Customizable

    1
    joanna broad•100
    @JoannaBroad

    overall this looks good to me I love how you split the title section to the buttons (didn't even occur to me) but it might make it harder if you wanted to use this some ware else.

  • P
    Antonio•290
    @tonyiboy
    What are you most proud of, and what would you do differently next time?

    I manage to make this card in like 20-30 min there is some small things that can get better but hover is there shadow etc.

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

    Worked first time with svg.

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

    Maybe more things about img and svg how responsive works width height etc

    Blog preview card using HTML and CSS

    1
    joanna broad•100
    @JoannaBroad

    Hi good job finishing the project :) Have you checked if this works on a smaller screen the design brief had a few changes for mobiles :)

  • leriwa•30
    @leriwa
    What are you most proud of, and what would you do differently next time?

    I was able to do this from memory and not look at notes.

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

    Getting the image to conform to its parent, was a case of trial and error in dev tools.

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

    I still need to brush up on fonts and selectors.

    Responsive & accessible QR code challenge solution

    2
    joanna broad•100
    @JoannaBroad

    First off well done :).
    I wouldn't worry about the trial and error with the dev tools from my understanding that is what everyone does (and it is sure easier to test some changes there than having to go back and forth from the editor). My first impression of your code is that it is clean and easy to read and I love how you have broken everything down in your CSS file. I think it would be nice to see your own READ.ME as you are still using the one provided by the challenge and you could add a link in the attribute section to link to your git hub page

    Good luck coding :)