Skip to content
OverviewSolutions
9
Comments
8
Armani
@armanijacobs

All comments

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

    Proud of: Successfully implementing split background images for desktop version and creating smooth responsive transitions across different devices. Do differently: Would explore modern image optimization techniques like picture element or srcset attributes for better performance.

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

    Main challenge was controlling background-image positioning and sizing across different viewports. Overcame this by:

    • Using media queries with specific breakpoints
    • Implementing absolute positioning for desktop images
    • Carefully calculating transform values for precise image placement
    What specific areas of your project would you like help with?
    • Better image loading optimization techniques
    • More efficient ways to handle responsive images without relying on background-image
    • Modern approaches to implement adaptive images using JavaScript

    Meet Landing Page with Responsive Background Images Implementation

    1
    Armani•100
    @armanijacobs

    Good job! I just done the same one - if you could please review it on my github and let me know where to improve (as it's not quite right). I would like to improve it and get it right.. really appreciate :)

    Thank you!

  • Armani•100
    @armanijacobs

    spot on, well done!

  • Armani•100
    @armanijacobs

    Great job on the responsiveness/media queries

  • P
    rainbowsurfer137•200
    @rainbowsurfer137
    What are you most proud of, and what would you do differently next time?

    I’m most proud of the progress I’ve made in mastering new skills, like implementing mobile-first design and utilizing CSS variables to streamline my workflow.

    Next time, I’d focus on refining my process even further by diving deeper into Sass and exploring more advanced features like mixins and functions to reduce repetition in my styles.

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

    One of the biggest challenges I encountered was transitioning to a mobile-first design approach. It was tricky to adjust my mindset and ensure the design looked great on all screen sizes while starting with the smallest layout. To overcome this, I took the time to break down the design into components and used media queries effectively, starting with mobile and building up. I also found it helpful to test frequently on multiple devices to make sure everything was responsive.

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

    I would appreciate any insight. I am still very new to this and have so much to learn!

    Mobile first using Flexbox

    2
    Armani•100
    @armanijacobs

    spitting image, well done

  • José Ramón H.•10
    @joseramonhq
    What are you most proud of, and what would you do differently next time?

    I'm proud of how well it turned out. Next time I'll try to use the class attribute more.

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

    There haven't been any major difficulties, but I’d like to have more organization with my CSS.

    Card recipe using CSS and HTML

    1
    Armani•100
    @armanijacobs

    too add purple background add background color to div in css.

    also font for subheaders; ingredients, instructions and nutrition is 'Young serif'

    Otherwise good job!

  • Armani•100
    @armanijacobs

    great job!

  • Franco•250
    @Franco-Cipolla
    What are you most proud of, and what would you do differently next time?

    i did it in under 1 hour by myseld. I only needed help in aligning the picture with the text. Chatgpt told me to do it with a div and it made sense after for me

    Blog preview Card Challenge completed

    1
    Armani•100
    @armanijacobs

    good job!

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

    The thing I’m most proud of is that I completed the tasks required in a short time and was able to recall everything I learned during my university years.

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

    The biggest challenge I faced was centering the items on the page. So, I overcame this challenge by reading articles about HTML and CSS to help me accomplish this task.

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

    nothing , i think ...

    Responsive QR code page

    1
    Armani•100
    @armanijacobs

    Add a margin-top/margin-bottom to the QR-Code image to add a white gap at the top.