Skip to content
OverviewSolutions
32
Comments
25
P
Andrés R.W.
@amporabipo

All comments

  • Andrés R.W.•440
    @amporabipoPosted 3 months ago

    For your first project it turned out very well, to improve it you can look at the font values ​​that come within the file so that it will be more accurate. Keep going and don't stop.

    0
  • Andrés R.W.•440
    @amporabipoPosted 5 months ago

    You must improve measurements and certain positions.

    0
  • Andrés R.W.•440
    @amporabipoPosted 7 months ago

    You may need to remove the signature and correct the background

    0
  • Andrés R.W.•440
    @amporabipoPosted 7 months ago

    Maybe you should improve the measurements and the tones a little but it is a very good start

    0
  • Andrés R.W.•440
    @amporabipoPosted 7 months ago

    Maybe you should improve the way you size your web components.

    Marked as helpful
    1
  • Amirreza•270
    @AmirezaMahmoudiSubmitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    it was easy

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

    i tried to make it as similar to the original design

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

    Css is really easy to learn hard to master

    recipe page

    1
    Andrés R.W.•440
    @amporabipoPosted 9 months ago

    Tu unico error fue el peso de las fuentes la verdad todo se ve bastante bien

    0
  • Rora Alem•220
    @Rgit915Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?
    • I used relative units such as percentages and rem to create a responsive and adaptable layout that adjusts well to various screen sizes.
    • I would consider incorporating media queries in design which styles more precisely for different screen sizes.
    What challenges did you encounter, and how did you overcome them?
    • One challenge I encountered was aligning buttons within an unordered list. I used the grid system to align list items (li) within the unordered list (ul), allowing for precise control over the layout of the buttons.
    .social-links {
  display: grid;
  gap: 0.75rem;
  list-style-type: none;
  margin-top: 2rem;
}
    • I added box-sizing: border-box globally using the universal selector *. This prevented unexpected variations in button sizes caused by padding and borders.
    What specific areas of your project would you like help with?
    • I would appreciate hearing about my approach to solving the challenge. Was the method I used the right approach for the challenge I faced? Additionally, is there a simpler way I could have implemented it more effectively?

    Responsive Social links Profile

    1
    Andrés R.W.•440
    @amporabipoPosted 9 months ago

    Usar un grid display sin duda te dara mejores resultados conforme vayas avnzando en el frontend

    0
  • Andrés R.W.•440
    @amporabipoPosted 9 months ago

    Con un pcoo más de padding mejoraria el resultado de este diseño

    0
  • Andrés R.W.•440
    @amporabipoPosted 9 months ago

    Deberias usar tamaños de fuentes relativas EMs

    0
  • Andrés R.W.•440
    @amporabipoPosted 9 months ago

    You needed the background image, you can add it using the (background url()no-repeat center); background-size: cover; and tag and for the color background-color #nummmm;

    0
  • Andrés R.W.•440
    @amporabipoPosted 10 months ago

    I think you had a problem with loading the styles, remember to use relative paths, and not exact paths since this way you avoid it from looking this way when you are already in a production environment, you are doing very well

    0
  • Andrés R.W.•440
    @amporabipoPosted 10 months ago

    Browsers have default styles, these styles add spaces, margins and line heights to the elements. I recommend doing a CSS reset at the beginning so that these values ​​do not affect your design, in this case even though you laid it out well. , and you applied good styles; The default styles made it not fit exactly.

    Remember to look for reset css Best

    Marked as helpful
    0