Skip to content
OverviewSolutions
3
Comments
4
P
Bonk
@giovanni-bandinelli

All comments

  • Bonk•30
    @giovanni-bandinelliPosted about 7 hours ago

    Good attempt but it could be really improved upon.

    I don't know if the error lies in your HTML or how you uploaded the files on github but your photo isnt visible, using a relative path src="./image2.jpg"> will fix this.

    Then I'd suggest you to stick to either using inline CSS or separating it in its own document as using both more often then not makes it harder to understand or maintain

    Also it's a good practice to call your main HTML file 'index.HTML' since it's the default file that web servers look for when a user accesses a website; for CSS we usually have style.css/styles.css or main.css but it's not that important.

    0
  • CELINE•40
    @v0kcrSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    After finishing the mini project, what I was proud of was the number of lines I used, as I usually have more than 200 for this type of projects. This time, I managed to work more efficiently.

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

    One of the challenges I faced was organizing the CSS to account for the variables and the specified format.

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

    I would like to get feedback on how I could improve the efficiency of my code overall.

    Social links profile

    1
    Bonk•30
    @giovanni-bandinelliPosted about 7 hours ago

    To be honest I have nothing to say,if you changed the font weight in .card__location and .card__links to be var(--fwsemibold) and tried to adjust the padding inside the links you'd have a pixel perfect replica.

    the code is also well organized, especially the CSS, I should take notes ahah

    0
  • Saquib Furniturewala•60
    @SaquibFurniturewala1Submitted 26 days ago
    What are you most proud of, and what would you do differently next time?

    What I’m Most Proud Of I’m proud of creating a responsive design that aligns well with the challenge specifications. I effectively used CSS Flexbox layouts to enhance usability and ensured that interactive elements featured proper hover and focus states. Additionally, mastering max-width and min-width improved the layout's adaptability.

    What I Would Do Differently Next Time Next time, I would spend more time experimenting with design elements before finalizing the layout. While I’m pleased with the result, I want to explore more advanced CSS techniques and animations. I would also plan the project structure more thoroughly to streamline the development process.

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

    I didn’t encounter significant challenges during this project. However, I focused on ensuring the design matched the specifications and refining my CSS skills. This project served as a great opportunity for practice and solidifying my understanding of responsive design principles.

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

    I'm looking for feedback on the following areas of my project:

    Responsive Design: Are there any improvements I could make to enhance the responsiveness of my layout across different screen sizes? CSS Efficiency: Is my CSS organized efficiently? Are there any opportunities to simplify my styles or reduce redundancy? Hover Effects: Do the hover and focus states on interactive elements meet accessibility standards and enhance the user experience? I appreciate any suggestions or insights!

    Blog preview card

    1
    Bonk•30
    @giovanni-bandinelliPosted 1 day ago

    Nice job replicating the design! There are only a from minor differences (like giving the shadow box a blur and making the card border color white) but I liked the :hover over "Learning" which is something I also was thinking of doing.

    That said you should try using semantic HTML for accessibility although it's not always too clear what fits where and I'm still unsure about a few things I did with challenge in this regard but nevertheless it is good practice to do so.

    Keep it up!

    0
  • Sclata•100
    @SclataSubmitted 2 days ago
    What are you most proud of, and what would you do differently next time?

    Quick solution. Didn't overthink it. Only thing of note was that download wasn't packaged with font asset, so got to practice retrieving from Google fonts.

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

    See above regarding font asset.

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

    N/A

    QR Code CSS HTML

    1
    Bonk•30
    @giovanni-bandinelliPosted 2 days ago

    Looks like something went wrong with setting CSS variables for the text color but aside from that nice job!

    1