Skip to content
OverviewSolutions
8
Comments
3
Wagon706
@Wagon706

All comments

  • Wagon706•70
    @Wagon706Submitted over 1 year ago

    To be honest I did not have much difficulty but I would say the resolution part was a bit difficult for me.

    I am unsure of the cleanliness of the code since there are IDs or classes that were different while they could've been the same and would have saved up space however I have tried to use the same ID for the same code or the same class but I experienced issues with the hover states like #learnmore.

    Questions:

    How to make my site way more responsive?

    What frameworks other than Bootstrap would you suggest for a effective and a functional website?

    3column-preview-card-component (Bootstrap, Animate.css)

    1
    Wagon706•70
    @Wagon706Posted over 1 year ago

    Respected Screen Sizes:

    1440x800 - Desktop

    375x1502 - Mobile

    0
  • Wagon706•70
    @Wagon706Submitted over 1 year ago

    I find the speech bubble difficult since it wasn't an image or maybe it was but I could not find it, and that was the case so I decided to create my own which isn't exactly the same as it is in the design however they are identical.

    I'm unsure of the media queries as I am still improving in making my site more responsive.

    If anyone knows some tips or tricks to have a more responsive site please let me know!

    Fylo-Data-Storage (HTML, CSS)

    2
    Wagon706•70
    @Wagon706Posted over 1 year ago

    IMPORTANT

    The screen sizes are:

    Desktop: 1440x800 Mobile: 375x667

    0
  • Wagon706•70
    @Wagon706Submitted over 1 year ago

    I experienced some difficulty in making it responsive or compatible for all screen sizes, and I experienced issues with Bootstrap interference however that was fixed. I could not make the social logos or icons have a hover effect of green or the given color.

    I'm unsure of the hover states since I am still trying to perfect it.

    I have a question, how can I make it responsive or compatible in all screen sizes without too much effort or any way of using Media Queries?

    Clipboard-Landing-Page (Bootstrap, CSS, HTML, Animate.css)

    3
    Wagon706•70
    @Wagon706Posted over 1 year ago

    IMPORTANT

    Make sure to change your screen size by using Inspect to these respected widths and heights:

    Desktop View: 1440x3808

    Mobile View: 375x5205

    The number on the left is the width, the number after the "x" is the height.

    0